html {
font-size: 68.8%;
-webkit-text-size-adjust: none;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
li {
list-style: none;
}
em,
i,
s {
font-style: normal;
}
html {
width: 100vw;
}
.no-scroll {
overflow: hidden;
}
body {
-webkit-text-size-adjust: none;
font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
}
body.dialog-open {
position: fixed;
width: 100%;
}
header {
display: flex;
width: 100vw;
height: 4.4rem;
background: #d65702;
padding: 0 3.2vw;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
header .home {
display: flex;
align-items: center;
}
header .home a {
overflow: hidden;
white-space: nowrap;
}
header .home > a:first-of-type {
color: #ffffff;
box-sizing: border-box;
font-size: 4vw;
font-family: PingFang SC;
display: flex;
align-items: center;
}
header .home > a:first-of-type::before {
content: "";
display: inline-block;
width: 4vw;
height: 4vw;
background: url(/static/images/home.png) no-repeat left center;
background-size: 100%;
margin-right: 0.8vw;
}
header .home > h1,
header .home > a:not(:first-of-type) {
font-size: 4vw;
font-family: PingFang SC;
color: #ffffff;
display: flex;
align-items: center;
}
header .home > h1::before,
header .home > a:not(:first-of-type)::before {
content: "";
display: inline-block;
width: 2.4vw;
height: 2.4vw;
background: url(/static/images/gengduo-right.png) no-repeat left center;
background-size: 100%;
margin: 0 1.0333vw;
}
header .home > h1 a {
color: #ffffff;
}
header .zst {
font-size: 4vw;
font-family: PingFang SC;
color: #ffffff;
display: flex;
align-items: center;
}
header .zst::before {
content: "";
display: inline-block;
width: 4vw;
height: 4vw;
background: url(/static/images/zoushitu@2x.png) no-repeat left center;
background-size: 95%;
margin-right: 1.0667vw;
margin-top: 0.2667vw;
}
footer {
width: 100vw;
padding: 2.242vw 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border-top: 0.2667vw solid #d5d5d5;
}
footer p:first-of-type {
width: 100%;
font-size: 3.5878vw;
color: #666;
text-align: center;
padding: 1.02vw 0;
}
footer p:first-of-type > em > a {
color: #45a1db;
}
footer p:first-of-type > em:nth-of-type(2) {
margin: 0 4.11vw;
}
footer p:last-of-type {
width: 100%;
font-size: 3.5878vw;
color: #999999;
text-align: center;
padding: 1.02vw 0;
}
footer p:last-of-type a {
font-size: 3.139vw;
color: #999999;
margin-bottom: 0.8vw;
}
.toolbar {
width: 100%;
height: 12.8vw;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 3.2vw;
background: #fffdfd;
box-shadow: 0vw 0.5333vw 0.5333vw 0vw rgba(238, 238, 238, 0.5);
}
.toolbar .lottery {
flex: 1;
height: 100%;
display: flex;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
}
.toolbar .lottery a {
display: flex;
align-items: center;
width: auto;
height: 100%;
font-size: 4.2667vw;
color: #181818;
margin-right: 3.2vw;
}
.toolbar .lottery a.active {
color: #438edd;
font-weight: bold;
position: relative;
}
.toolbar .lottery a.active::after {
display: inline-block;
content: "";
width: 80%;
height: 1vw;
background: #438edd;
border-radius: 0.5333vw;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1.2vw;
}
.toolbar .more_box {
min-width: 5.0667vw;
width: 5.0667vw;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-left: 2vw;
}
.toolbar .more_box .lot_more {
display: block;
width: 5.0667vw;
height: 4vw;
}
.toolbar .laybox {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.43);
position: fixed;
left: 0;
display: none;
z-index: 4;
}
.toolbar .laybox .more_list {
width: 100%;
padding: 0vw 3.2vw 1.6vw;
background-color: #ffffff;
display: flex;
flex-wrap: wrap;
}
.toolbar .laybox .more_list .title {
width: 100%;
height: 10.6667vw;
display: flex;
align-items: center;
font-size: 4.2667vw;
color: #181818;
font-weight: bold;
}
.toolbar .laybox .more_list a {
flex: 0 0 32%;
margin-right: 2%;
height: 6.4vw;
line-height: 6.4vw;
text-align: center;
font-size: 3.2vw;
color: #4a4a4a;
margin-bottom: 2.6667vw;
padding: 0 0.6vw;
overflow: hidden;
word-break: break-all;
background: #f7f7f7;
border-radius: 1.0667vw;
border: 0.2667vw solid #bbbbbb;
}
.toolbar .laybox .more_list a.active {
color: #0197ff;
border-color: #0197ff;
background: #eff7ff;
}
.toolbar .laybox .more_list a:nth-of-type(3n) {
margin-right: 0;
}
.parameter {
width: 100%;
overflow: hidden;
margin-top: 4vw;
}
.parameter > .top {
width: 100%;
height: 10.6667vw;
background: #f1f3f9;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 4.2667vw;
}
.parameter > .top > .text {
font-size: 4.2667vw;
font-weight: bold;
color: #181818;
display: flex;
align-items: center;
}
.parameter > .top > .text::before {
display: inline-block;
content: "";
width: 4.8vw;
height: 4.8vw;
background: url(/static/images/cssm.png) no-repeat center center;
background-size: 100%;
margin-right: 1.6vw;
}
.parameter > .top > .p-control {
font-size: 3.7333vw;
color: #181818;
display: flex;
align-items: center;
}
.parameter > .top > .p-control::before {
display: inline-block;
content: "";
width: 3.7333vw;
height: 3.7333vw;
margin-right: 0.5333vw;
}
.parameter > .top > .p-control.param-xs::before {
background: url(/static/images/eye-k.png) no-repeat center center;
background-size: 100%;
}
.parameter > .top > .p-control.param-yc::before {
background: url(/static/images/eye-b.png) no-repeat center center;
background-size: 100% 100%;
}
.parameter > .top > .p-control.param-xs {
display: none;
}
.parameter > .param-bot {
padding: 3.2vw 4.2667vw;
font-size: 3.7333vw;
}
.parameter > .param-bot span {
font-weight: bold;
}
.parameter > .param-bot > p:not(:last-of-type) {
margin-bottom: 1.0667vw;
}
.bottom_nav {
width: 100%;
border-top: 2.1333vw solid #f7f7f7;
}
.bottom_nav .switch {
display: flex;
width: 100%;
padding: 5.0667vw 0 2.4vw;
border-bottom: 0.1rem solid #e0e0e0;
}
.bottom_nav .switch a {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
font-size: 3.7333vw;
color: #999999;
position: relative;
}
.bottom_nav .switch a:first-of-type {
font-weight: bold;
color: #4a4a4a;
}
.bottom_nav .switch a::after {
display: inline-block;
content: "";
width: 0.2667vw;
height: 2.9333vw;
background-color: #e0e0e0;
position: absolute;
right: 0;
}
.bottom_nav .switch .nav_more {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
font-size: 3.2vw;
color: #438edd;
}
.bottom_nav .n_cut {
display: flex;
flex-wrap: wrap;
padding: 2.4vw 3.7333vw 0.2667vw;
}
.bottom_nav .n_cut a {
display: flex;
align-items: center;
width: 18.4333vw;
height: 5.3333vw;
font-size: 3.4667vw;
color: #4a4a4a;
margin-bottom: 2.1333vw;
}
.bottom_nav .n_cut a.center {
justify-content: center;
}
.sidebar {
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: rgba(127, 127, 127, 0.24);
z-index: 2;
}
.sidebar .content {
width: 78%;
height: 100%;
background-color: #ffffff;
position: absolute;
right: 0;
top: 0;
padding: 0 3.2vw;
overflow-y: scroll;
}
.sidebar .content .top {
width: 100%;
height: 10.6667vw;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 0.2667vw solid #e0e0e0;
}
.sidebar .content .top .text {
font-size: 4.2667vw;
color: #181818;
padding-left: 5.3333vw;
background: url(/static/images/menus.png) no-repeat left center / 4.2667vw 4.2667vw;
}
.sidebar .content .top button {
width: 14.6667vw;
height: 5.8667vw;
font-size: 3.2vw;
color: #4a4a4a;
border-radius: 2.6667vw;
border: 0.2667vw solid #eeeeee;
display: flex;
padding-left: 4.5333vw;
align-items: center;
background: url(/static/images/close.png) no-repeat 0.6rem center / 2.1333vw 2.1333vw;
background-color: #f7f7f7;
}
.sidebar .content .category {
padding: 3.7333vw 0 2.1333vw;
border-bottom: 0.2667vw solid #eeeeee;
}
.sidebar .content .category .c_title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2.6667vw;
}
.sidebar .content .category .c_title .lottery {
font-size: 3.7333vw;
font-weight: bold;
color: #181818;
padding-left: 6.4vw;
}
.sidebar .content .category .c_title .lottery.sd {
background: url(/static/images/cz_3d.png) no-repeat left center / 5vw 5vw;
}
.sidebar .content .category .c_title .lottery.p3 {
background: url(/static/images/cz_p3.png) no-repeat left center / 5vw 5vw;
}
.sidebar .content .category .c_title .lottery.ssq {
background: url(/static/images/cz_ssq.png) no-repeat left center / 5vw 5vw;
}
.sidebar .content .category .c_title .lottery.dlt {
background: url(/static/images/cz_dlt.png) no-repeat left center / 5vw 5vw;
}
.sidebar .content .category .c_title .lottery.qxc {
background: url(/static/images/cz_qxc.png) no-repeat left center / 5vw 5vw;
}
.sidebar .content .category .c_title .lottery.qlc {
background: url(/static/images/cz_qlc.png) no-repeat left center / 5vw 5vw;
}
.sidebar .content .category .c_title .lottery.gj {
background: url(/static/images/cz_gj.png) no-repeat left center / 5vw 5vw;
}
.sidebar .content .category .c_title a {
font-size: 3.2vw;
color: #d65701;
text-decoration: underline;
}
.sidebar .content .category .list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sidebar .content .category .list a {
width: 22.4vw;
height: 6.4vw;
font-size: 3.4667vw;
color: #4a4a4a;
background: #ffffff;
border-radius: 0.8vw;
border: 0.2667vw solid #bbbbbb;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2.1333vw;
}
.entrance {
padding: 0 3.2vw;
}
.entrance .item {
margin-top: 4vw;
}
.entrance .item .top {
display: flex;
align-items: center;
padding-bottom: 2.6667vw;
border-bottom: 0.2667vw dashed #cecece;
}
.entrance .item .top img {
display: block;
width: 8.5333vw;
height: 8.5333vw;
}
.entrance .item .top b {
font-size: 4.2667vw;
color: #181818;
margin-left: 1.3333vw;
}
.entrance .item .bot {
display: flex;
flex-wrap: wrap;
margin-top: 2.9333vw;
}
.entrance.zst .bot a {
display: flex;
justify-content: center;
width: 29.8667vw;
height: 7.4667vw;
font-size: 3.4667vw;
color: #4a4a4a;
border-radius: 1.0667vw;
border: 0.2667vw solid #e0e0e0;
margin-bottom: 2.4vw;
overflow: hidden;
line-height: 7.4667vw;
word-break: break-all;
}
.entrance.zst .bot a:not(:nth-of-type(3n)) {
margin-right: 1.9333vw;
}
.entrance.gj .bot a {
display: flex;
align-items: center;
justify-content: flex-start;
width: 30.5333vw;
height: 5.3333vw;
color: #4a4a4a;
font-size: 3.4667vw;
white-space: nowrap;
margin-bottom: 2.1333vw;
overflow: hidden;
}
.entrance.gj .bot a::before {
display: inline-block;
content: "";
min-width: 1.0667vw;
height: 1.0667vw;
background: #d8d8d8;
border-radius: 50%;
margin-right: 1.0667vw;
}
.entrance.gj .bot a.re::after {
display: inline-block;
content: "";
width: 3.7333vw;
height: 3.7333vw;
background: url(/static/images/re.png) no-repeat right center / 100%;
}
.popalert {
width: 80%;
padding: 4.6667vw 4vw;
position: fixed;
bottom: -50vw;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
background-color: #ffffff;
border-radius: 0.6667vw;
transition: all 0.3s;
box-shadow: 0vw 0.5333vw 1.0667vw 0vw rgba(207, 207, 207, 0.29), 0vw -0.5333vw 1.0667vw 0vw rgba(207, 207, 207, 0.29);
z-index: 99999;
}
.popalert.show {
bottom: 20vw;
transition: all 0.3s;
}
.popalert > div {
display: flex;
}
.popalert > div .be {
width: 5.3333vw;
height: 5.3333vw;
border-radius: 50%;
color: #5398fd;
border: 0.4vw solid #5398fd;
line-height: 5.3333vw;
margin-right: 2vw;
font-size: 3.4667vw;
font-weight: bold;
}
.popalert > div.error .be {
color: #c60000;
border: 0.1333vw solid #c60000;
}
.popalert > div.success > .be {
color: #80c957;
border: 0.1333vw solid #80c957;
}
.popalert > div.warn > .be {
color: #e0a444;
border: 0.1333vw solid #e0a444;
}
.popalert > div .mes {
flex: 1;
font-size: 3.2vw;
display: flex;
align-items: center;
}
.zst_top {
padding: 4.2667vw 3.2vw;
}
.zst_top .t_title {
display: flex;
align-items: center;
justify-content: space-between;
}
.zst_top .t_title h3 {
font-weight: bold;
font-size: 4.2667vw;
color: #181818;
}
.zst_top .t_title .right {
display: flex;
align-items: center;
}
.zst_top .t_title .right a {
display: flex;
align-items: center;
font-size: 3.2vw;
color: #181818;
}
.zst_top .t_title .right a:not(:last-of-type)::after {
display: inline-block;
content: "";
width: 0.2667vw;
height: 2.9333vw;
background-color: #e0e0e0;
margin: 0 1.6vw;
}
.zst_top .t_title .right a.active {
color: #438edd;
}
.zst_top .select_box {
display: flex;
align-items: center;
font-size: 3.6vw;
color: #181818;
margin-top: 3.7333vw;
}
.zst_top .select_box span {
display: flex;
width: 6vw;
height: 6vw;
font-size: 3.4667vw;
color: #181818;
border-radius: 0.8vw;
justify-content: center;
align-items: center;
border: 0.2667vw solid #e0e0e0;
}
.zst_top .select_box span.active {
border-color: #438edd;
color: #438edd;
}
.zst_top .select_box span:not(:last-of-type) {
margin-right: 2.1333vw;
}
.zst_top .select_box.mr {
justify-content: space-between;
}
.zst_top .select_box.mr span {
margin-right: 0;
}
.zst_top .custom_qi {
display: flex;
align-items: center;
font-size: 3.6vw;
margin-top: 3.2vw;
}
.zst_top .custom_qi input {
width: 18vw;
height: 6.4vw;
background: #ffffff;
border-radius: 0.6667vw;
border: 0.2667vw solid #cecece;
font-size: 3.7333vw;
color: #181818;
text-align: center;
outline: none;
}
.zst_top .custom_qi span {
margin: 1.3333vw;
}
.zst_top .custom_qi .look {
width: 13.3333vw;
height: 5.8667vw;
display: inline-block;
text-align: center;
line-height: 5.8667vw;
background: #438edd;
border-radius: 0.4vw;
font-size: 3.7333vw;
color: #ffffff;
margin-left: 3.63333vw;
}
.zst_top .select_qi {
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 3.2vw;
}
.zst_top .select_qi span {
font-size: 3.7333vw;
color: #181818;
}
.zst_top .select_qi span.active {
color: #438edd;
}
.zst_top .line {
display: flex;
font-size: 3.7333vw;
margin-top: 3.7333vw;
}
.zst_top .line .b {
font-weight: bold;
}
.zst_top .line .g {
color: #999999;
margin-left: 2.6667vw;
}
.zst_top .line .g i {
color: #cf595a;
}
.zst_top .line .g i.h {
color: #999999;
}
.zst_top .subtitle {
display: flex;
justify-content: space-between;
margin-top: 3.7333vw;
}
.zst_top .subtitle .title {
font-weight: bold;
font-size: 4.2667vw;
color: #5397df;
}
.zst_top .subtitle .hw_kd {
display: flex;
align-items: center;
}
.zst_top .subtitle .hw_kd span {
height: 5.3333vw;
display: flex;
align-items: center;
background: #ffffff;
padding: 0 1.6vw;
font-size: 3.2vw;
border-radius: 0.5333vw;
border: 0.2667vw solid #e0e0e0;
margin-left: 4.2667vw;
}
.zst_top .subtitle .hw_kd span.tab {
color: #5196e0;
border-color: #5196e0;
}
.zst_top .chained {
display: flex;
justify-content: space-between;
margin-top: 3.2vw;
}
.zst_top .chained span {
font-size: 3.2vw;
color: #181818;
}
.zst_top .chained span.active {
color: #cf595a;
}
.zst_top .mt0 {
margin-top: 0;
}
.handle_tab {
display: flex;
font-size: 3.6vw;
color: #181818;
margin-top: 3.2vw;
align-items: center;
}
.handle_tab > label {
display: flex;
align-items: center;
}
.handle_tab > label:not(:last-of-type) {
margin-right: 2.6667vw;
}
.handle_tab > label > input {
display: none;
}
.handle_tab > label > span {
display: flex;
width: 4.2667vw;
height: 4.2667vw;
background: #ffffff;
border-radius: 0.4vw;
border: 0.2667vw solid #e0e0e0;
justify-content: center;
align-items: center;
margin-right: 1.0667vw;
}
.handle_tab > label > input:checked + span {
background: url(/static/images/checked.png) no-repeat center center;
background-size: 100% 100%;
background-color: var(--red-color);
border: none;
}
.handle_tab.mr {
justify-content: space-between;
}
.handle_tab.mr label {
margin-right: 0;
}
.chart {
position: relative;
overflow-x: scroll;
border: 0.2667vw solid #dbdbdb;
}
.chart .zst_table {
width: max-content;
font-size: 3.2vw;
line-height: 5.3333vw;
border-spacing: 0;
text-align: center;
border-collapse: collapse;
}
.chart .zst_table .thbg th,
.chart .zst_table .thbg td {
height: auto;
background: #f0f9ff;
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.chart .zst_table th {
font-weight: normal;
border: 0.2667vw solid #fff;
}
.chart .zst_table .sort_top {
width: 16vw;
min-width: 16vw;
}
.chart .zst_table .sort_top::after {
display: inline-block;
content: "";
width: 2.1333vw;
height: 3.2vw;
background: url(/static/images/sort_desc.png) no-repeat right center / 100%;
}
.chart .zst_table .sort_bottom::after {
display: inline-block;
content: "";
width: 2.1333vw;
height: 3.2vw;
background: url(/static/images/sort_asc.png) no-repeat right center / 100%;
}
.chart .zst_table .strong {
font-weight: bold;
}
.chart .zst_table #cpdata .active td {
background-color: #eaf0f7;
}
.chart .zst_table td {
background: #f7f7f7;
font-family: "宋体";
text-align: center;
border: 0.2667vw solid #fff;
height: 5.8667vw;
overflow: hidden;
}
.chart .zst_table .flexcen {
display: flex;
justify-content: center;
}
.chart .zst_table .lineh12 {
line-height: 3.2vw;
}
.chart .zst_table .wdh {
width: 5.6vw;
min-width: 5.6vw;
}
.chart .zst_table .wid50 {
width: 6.6667vw;
min-width: 6.6667vw;
}
.chart .zst_table .wid72 {
width: 9.6vw;
min-width: 9.6vw;
}
.chart .zst_table .wid90 {
width: 12vw;
min-width: 12vw;
}
.chart .zst_table .wid100 {
width: 13.3333vw;
min-width: 13.3333vw;
}
.chart .zst_table .wid130 {
width: 17.3333vw;
min-width: 17.3333vw;
}
.chart .zst_table .wid150 {
width: 20vw;
}
.chart .zst_table .wid190 {
width: 25.3333vw;
}
.chart .zst_table .fen {
font-family: tahoma;
}
.chart .zst_table .hw {
display: none;
}
.chart .zst_table .yl01 {
color: #d0dce9;
}
.chart .zst_table .yl02 {
color: #e9c7c7;
}
.chart .zst_table .yl03 {
color: #bbb;
}
.chart .zst_table .yl04 {
color: #cdcddd;
}
.chart .zst_table .yl05 {
color: #d6bdab;
}
.chart .zst_table .rball1,
.chart .zst_table .rball2,
.chart .zst_table .rball3 {
background-position: center center;
color: #fff;
background-repeat: no-repeat;
font-family: Arial;
font-weight: bold;
letter-spacing: -0.2667vw;
background-image: url(/static/images/r-ball.png);
background-size: 4.2667vw 4.2667vw;
}
.chart .zst_table .bball1,
.chart .zst_table .bball2 {
background-position: center center;
color: #fff;
background-repeat: no-repeat;
font-family: Arial;
font-weight: bold;
letter-spacing: -0.2667vw;
background-image: url(/static/images/b-ball.png);
background-size: 4.2667vw 4.2667vw;
position: relative;
}
.chart .zst_table .bball1 sup,
.chart .zst_table .bball2 sup {
position: absolute;
right: -0.5333vw;
top: -0.5vw;
line-height: 3.2vw;
color: #c84c59;
height: 3.2vw;
width: 3.2vw;
border-radius: 50%;
font-weight: bold;
font-size: 3.2vw;
transform: scale(0.6);
}
.chart .zst_table .chartball06 {
background-position: center center;
color: #fff;
background-repeat: no-repeat;
font-family: Arial;
font-weight: bold;
letter-spacing: -0.2667vw;
background-image: url(/static/images/z-ball.png);
background-size: 4.2667vw 4.2667vw;
}
.chart .zst_table .chartball03 {
background: #c84c59 !important;
color: #fff;
}
.chart .zst_table .chartball04 {
background: #e0b26d !important;
color: #fff;
}
.chart .zst_table .hbat,
.chart .zst_table .hball {
background-position: center center;
color: #fff;
background-repeat: no-repeat;
font-family: Arial;
font-weight: bold;
letter-spacing: -0.2667vw;
background-image: url(/static/images/ball_hui.png);
background-size: 4.2667vw 4.2667vw;
}
.chart .zst_table .b_rball {
background: #f7f7f7 url(/static/images/r-circle.png) center center no-repeat;
background-size: 4.2667vw 4.2667vw;
color: #bf4c34;
letter-spacing: -0.2667vw;
font-family: Arial;
}
.chart .zst_table .b_bball {
background: #f7f7f7 url(/static/images/h_circle.png) center center no-repeat;
background-size: 4.2667vw 4.2667vw;
color: #333;
letter-spacing: -0.2667vw;
font-family: Arial;
}
.chart .zst_table .box_bg1 {
background: #e0b26d;
color: #fff;
width: 4.2667vw;
height: 4vw;
margin: 0 auto;
line-height: 4vw;
font-family: arial;
}
.chart .zst_table .box_bg2 {
background: #8f98cc;
color: #fff;
width: 4.2667vw;
height: 4vw;
margin: 0 auto;
line-height: 4vw;
font-family: arial;
}
.chart .zst_table .bg3 {
background: #e0b26d;
color: #fff;
font-family: tahoma;
width: 7.2vw;
height: 4vw;
margin: 0 auto;
line-height: 4.2vw;
}
.chart .zst_table .bg4 {
background: #444;
color: #fff;
font-family: tahoma;
width: 7.2vw;
height: 4vw;
margin: 0 auto;
line-height: 4vw;
}
.chart .zst_table .bg5 {
background: #8dbcbd;
color: #fff;
font-family: tahoma;
width: 7.2vw;
height: 4vw;
margin: 0 auto;
line-height: 4.2vw;
}
.chart .zst_table .bg8 {
background: #e0a60d;
color: #fff;
font-family: arial;
width: 9.3333vw;
height: 4vw;
margin: 0 auto;
line-height: 4.2vw;
font-weight: bold;
}
.chart .zst_table .bg8_d {
background: #8f98cc;
color: #fff;
font-family: arial;
width: 9.3333vw;
height: 4vw;
margin: 0 auto;
line-height: 4.2vw;
font-weight: bold;
}
.chart .zst_table .bg10 {
background: #c84c59;
color: #fff;
font-family: arial;
width: 10.6667vw;
height: 4vw;
margin: 0 auto;
line-height: 4.2vw;
}
.chart .zst_table .bg11 {
background: #8dbcbd;
color: #fff;
font-family: tahoma;
width: 10.6667vw;
height: 4vw;
margin: 0 auto;
line-height: 4.2vw;
}
.chart .zst_table .bg12 {
background: #7d89d1;
color: #fff;
font-family: tahoma;
width: 10.6667vw;
height: 4vw;
margin: 0 auto;
line-height: 4.2vw;
}
.chart .zst_table .bg13 {
background: #7ca8a9;
color: #fff;
font-family: tahoma;
width: 14.9333vw;
height: 4vw;
margin: 0 auto;
line-height: 4.2vw;
}
.chart .zst_table .bg10_l,
.chart .zst_table .bg10_r {
background: #8f98cc;
color: #fff;
font-family: tahoma;
width: 7.4667vw;
height: 3.7333vw;
margin: auto;
line-height: 3.7333vw;
}
.chart .zst_table .br01 {
width: 0.5333vw;
min-width: 0.5333vw;
background: #dbdbdb !important;
font-size: 0;
border: 0.2667vw solid #dbdbdb;
border-width: 0.2667vw 0 0.2667vw 0;
}
.chart .zst_table .br02 {
width: 0.6667vw;
background: #dbdbdb !important;
font-size: 0;
border: 0.2667vw solid #dbdbdb;
border-width: 0.2667vw 0 0.2667vw 0;
}
.chart .zst_table .tdbck td {
height: 0.5333vw;
background: #dbdbdb;
font-size: 0;
}
.chart .zst_table .presqu td {
background-image: none;
background: #eaeaea;
font-family: tahoma;
color: #999999;
}
.chart .zst_table .presqu td.presele_tit {
background-image: none;
color: #2b2b2b;
}
.chart .zst_table .presqu .yxh_ball.active {
background-position: center center;
color: #fff;
background-repeat: no-repeat;
background-image: url(/static/images/r-ball.png);
background-size: 4.2667vw 4.2667vw;
}
.chart .zst_table .presqu .yxh_block.active {
color: #fff;
background: #bf4c34;
}
.chart .zst_table .export1 td {
background: #fbfbfb;
text-align: left;
height: 8vw;
}
.chart .zst_table .export1 td:first-of-type {
text-align: center;
}
.chart .zst_table .export1 td .w {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 4vw;
}
.chart .zst_table .export1 td .w .handle_tab {
margin-top: 0;
font-size: 3.2vw;
}
.chart .zst_table .export1 ul {
display: flex;
align-items: center;
}
.chart .zst_table .export1 ul li {
margin-right: 3.2vw;
}
.chart .zst_table .export1 ul li .blue2 {
color: #438edd;
}
.chart .zst_table .export1 .t_center {
justify-content: center;
margin-top: 0;
}
.chart .zst_table .gross {
color: #333;
}
.chart .zst_table .gross tr:nth-of-type(odd) td {
background: #fff;
}
.chart .zst_table .gross tr:nth-of-type(even) td {
background: #f7f7f7;
}
.chart .zst_table .ft8 {
font-size: 1.8vw;
font-family: tahoma;
width: 4.2667vw;
-webkit-transform: scale(0.66);
display: block;
overflow: hidden;
margin: 0 auto;
text-align: center;
color: #d9d9d9;
}
.chart .zst_table .r {
color: #cf595a;
}
.chart .zst_table .blue {
color: #5397df;
}
.chart .zst_table .wz1 {
color: #c84c59;
margin: 0 0.5333vw 0 0.5333vw;
}
.chart .zst_table .wz2 {
color: #3370b0;
margin: 0 0.5333vw 0 0.5333vw;
}
.chart .zst_table .wz3 {
color: #f29200;
margin: 0 0.5333vw 0 0.5333vw;
}
.chart .zst_table .wz4 {
color: #008b8d;
margin: 0 0.5333vw 0 0.5333vw;
}
.chart .zst_table .wz5 {
color: #c84c59;
font-weight: bold;
}
.chart .zst_table .wz6 {
color: #008b8d;
font-weight: bold;
}
.chart .zst_table .wz7 {
color: #222;
}
.chart .zst_table .wz8 {
color: #bf4c34;
}
.chart .zst_table .fenred {
font-family: tahoma;
color: #c84c59;
}
.chart .zst_table .blue2 {
color: #3370b0;
width: 6.4vw;
}
.chart .zst_table .red {
color: #d12114;
font-family: tahoma;
width: 6.4vw;
}
.chart .zst_table .yellow {
color: #f29200;
width: 6.4vw;
}
.chart .zst_table .zhong {
color: #ff5555;
font-family: "Microsoft YaHei";
font-size: 3.7333vw;
}
.chart .zst_table .cuo {
color: #999;
font-family: "Microsoft YaHei";
font-size: 3.7333vw;
}
.chart .zst_table .bg_p {
color: #e1adad;
background-color: #faeeee;
}
.chart .zst_table .bg_bl {
color: #bccee2;
background-color: #eaf0f7;
}
.chart .zst_table .bg_0 {
background: #e0a60d;
}
.chart .zst_table .bg_1 {
background: #cf595a;
}
.chart .zst_table .bg_2 {
background: #5397df;
}
.chart .zst_table .bg_3 {
background: #fa8442;
}
.chart .zst_table .bg_4 {
background: #7d89d1;
}
.chart .zst_table .bg_5 {
background: #e0b26d;
}
.chart .zst_table .bg_6 {
background: #8dbcbd;
}
.chart .nonum #cpdata .yl01,
.chart .nonum #cpdata .yl02,
.chart .nonum #cpdata .yl03,
.chart .nonum #cpdata .yl04,
.chart .nonum #cpdata .yl05,
.chart .nonum #cpdata .ft8 {
color: #f7f7f7;
background-color: #f7f7f7;
}
.chart .ylfc {
background: #99c !important;
}
.chart .nonum .ylfc {
color: #99c !important;
}
.chart .nonum #cpdata .ylfc .ft8 {
color: #99c !important;
background-color: #99c !important;
}
.chart .nonum #cpdata .active .yl01,
.chart .nonum #cpdata .active .yl02,
.chart .nonum #cpdata .active .yl03,
.chart .nonum #cpdata .active .yl04,
.chart .nonum #cpdata .active .yl05,
.chart .nonum #cpdata .active .ft8 {
color: #eaf0f7;
background: #eaf0f7;
}
.chart .nonum .bg_bl {
color: #eaf0f7;
}
.chart .nonum .bg_p {
color: #faeeee;
}
.chart .ch_active .ch {
background-image: url(/static/images/ch.png);
background-size: 4.2667vw 4.2667vw;
color: #fff;
}
.chart .lh_active .lh {
background-image: url(/static/images/lh.png);
background-size: 4.2667vw 4.2667vw;
color: #fff;
}
.chart .bh_active .bh {
background-image: url(/static/images/bh.png);
background-size: 4.2667vw 4.2667vw;
color: #fff;
}
.chart .canvas-wrap {
position: absolute;
top: 0;
left: 0;
}
.chart.qmfx {
border: none;
}
.chart.qmfx th {
border: 0.2667vw solid #e0e0e0;
}
.chart.qmfx td {
background: #ffffff;
border: 0.2667vw solid #e0e0e0;
}
.chart.qmfx td span {
color: #888;
}
#wchlist {
overflow-x: scroll;
}
#wchlist table {
display: none;
width: 100%;
border-spacing: 0;
text-align: center;
border-collapse: collapse;
}
#wchlist table th {
height: 10.6667vw;
font-weight: bold;
font-size: 3.7333vw;
color: #181818;
background: #f0f9ff;
border: 0.2667vw solid #e0e0e0;
}
#wchlist table td {
padding: 2.4vw 2vw;
font-size: 3.2vw;
color: #181818;
vertical-align: top;
border: 0.2667vw solid #e0e0e0;
}
#wchlist .show {
display: table;
}
#wchlist .prompt {
width: 100%;
height: 8vw;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.2vw;
box-sizing: border-box;
}
#wchlist .prompt strong {
color: #d12114;
}
#wchlist .prompt span {
color: #1a54a6;
margin-right: 2.6667vw;
}
.xgtj .title {
width: 100%;
height: 10.6667vw;
background: #f1f3f9;
display: flex;
align-items: center;
padding-left: 4.2667vw;
}
.xgtj .title img {
display: block;
width: 4vw;
height: 4.8vw;
margin-right: 1.6vw;
}
.xgtj .title span {
font-weight: bold;
font-size: 4.2667vw;
color: #181818;
}
.xgtj .bot {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 3.2vw 4vw 1.3333vw;
}
.xgtj .bot a {
display: block;
width: 44.6667vw;
height: 5.8667vw;
font-size: 3.7333vw;
color: #333333;
margin-bottom: 2.1333vw;
overflow: hidden;
}
/* ===== 镜像页顶部切换条（无 swiper 脚本时的等价布局） ===== */
.refwrap .lottery.swiper{position:relative;display:flex;align-items:center;background:#fff;padding:0 34px 0 0;border-bottom:1px solid #eee}
.refwrap .lottery.swiper .swiper-wrapper{display:flex;flex:1 1 0;min-width:0;overflow-x:auto;gap:14px;padding:10px 8px;white-space:nowrap;scrollbar-width:none}
.refwrap .lottery.swiper .swiper-wrapper::-webkit-scrollbar{display:none}
.refwrap .lottery.swiper .swiper-slide{flex:0 0 auto;font-size:13px;line-height:1.4;color:#181818}
.refwrap .lottery.swiper .swiper-slide.active{color:#438edd}
.refwrap .more_box{position:absolute;right:0;top:0;bottom:0;width:34px;display:flex;align-items:center;justify-content:center;border-left:1px solid #eee;background:#fff;z-index:4}
.refwrap .more_box img{width:22px;height:auto;display:block}
.refwrap .laybox{display:none;position:absolute;left:0;right:0;top:100%;z-index:9;background:#fff;border-top:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,.12);max-height:280px;overflow:auto;padding:4px 0}
.refwrap .laybox.on{display:block}
.refwrap .more_list .title{margin:0;padding:6px 12px;font-size:14px;font-weight:bold;color:#333;border-bottom:1px dashed #eee}
.refwrap .more_list a{display:block;padding:8px 12px;font-size:13px;color:#333;border-bottom:1px solid #f5f5f5}
.refwrap .more_list a.active{color:#438edd}
/* 表格超宽时允许横向拖动，顶部切换条固定在视口左右边界内 */
.refwrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%}
.refwrap .lottery.swiper{position:sticky;left:0;top:0;width:100vw;max-width:100vw;z-index:6}