@charset "utf-8";

body {
    background: url(../img/bg.gif)
}

* {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

img {
    vertical-align: top;
    border: 0
}

table {
    border-collapse: collapse
}

.main_wrapper {
    width: 958px;
    margin: 0 auto
}

.table01 {
    display: block;
    text-align: center;
    background: url(../img/index_155.jpg)
}

.div1 {
    background: #fff;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-align: center
}

.div1 .STYLE1 {
    color: red;
    font-size: 24px
}

.div1 .STYLE3 {
    color: #4e6ef2;
    font-size: 18px
}

.div1 .STYLE4 {
    color: #4e6ef2
}

.table02 {
    margin: 0 auto;
    display: block;
    border-collapse: collapse
}

.table02_td1 {
    background: #9cf;
    font-size: 13pt;
    font-weight: 600;
    text-align: center
}

.table02_td1 span {
    color: red
}

.table03 {
    width: 909px
}

.table03 a {
    color: #fc0
}

.table03 td {
    border: 2px solid #fc0;
    color: #fc0;
    background: #000;
    text-align: center;
    font-size: 22pt;
    font-weight: 600
}

.bk0099FF {
    background: #09f;
    padding-bottom: 5px
}

.table04 {
    width: 100%
}

.table04 td {
    padding: 5px 0;
    border: 1px solid #f0f;
    text-align: center;
    font-size: 23pt;
    color: #00e;
    font-weight: 700
}

.table04 td.table04_td2 {
    background: #ff3
}

.table04 td.table04_td3 {
    background: #3c0
}

.table04 td.table04_td4 {
    background: #f9c
}

.table04 td.table04_td5 {
    background: #cf9;
    font-size: 30pt;
    color: #333
}

.table04 td.table04_td6 {
    background: #ccf
}

.table04 td.table04_td7 {
    background: #ff0;
    font-size: 30pt;
    color: red
}

.table04 td.table04_td7 span {
    font-size: 32pt;
    color: #000
}

.table05 {
    display: block;
    text-align: center;
    background: url(../img/index_155.jpg)
}

.table06 .table06_tr1 td {
    background: #ff0
}

.table06 .table06_tr2 td {
    background: #fff
}

.table06 .table06_tr3 td {
    background: #0f0
}

.table06 td {
    padding: 8px 0;
    font-size: 22pt;
    font-weight: 600;
    border: 1px solid red;
    text-align: center
}

.table06 td img {
    vertical-align: middle
}

.table07 td {
    border: 1px solid red;
    padding: 5px 0;
    background: #0f0;
    font-size: 20pt;
    font-weight: 600
}

.table07 td img {
    margin-top: 10px
}

.table08 {
    border: 1px solid #008080;
    box-sizing: border-box;
    border-collapse: initial
}

.table08 td {
    border: 1px solid #008080;
    text-align: center;
    font-weight: 700;
    font-size: 15pt
}

.table08_td1 {
    width: 27%;
    font-size: 20pt;
    color: #00f;
    background: #fff
}

.table08_td2 {
    width: 55%;
    background: #fff;
    font-size: 15pt
}

.table08_td3 {
    width: 18%;
    background: #fff
}

.table08_td2 .span01 {
    font-size: 20pt;
    color: red
}

.table08_td2 .span02 {
    color: #800080
}

.table08_td3 .span03 {
    font-size: 20pt;
    color: red
}

.table08_td0 {
    font-size: 16pt;
    font-weight: 600;
    line-height: 50px
}

.table09 td {
    border: 1px solid #000;
    padding: 5px 0;
    background: #cff;
    font-size: 20pt;
    font-weight: 600
}

.table09 td img {
    margin-top: 10px
}

.table09 td .red_span {
    color: red;
    font-size: 24pt
}

.table09_td1 {
    color: red
}

.table09_td2 {
    color: #000
}

.table09_td3 {
    color: #f0f
}

.table09 .table09_td4 {
    background: #cf9
}

.table09_td4 .table09_p1 {
    color: #333;
    font-size: 20pt;
    margin: 5px 0
}

.table09_td4 .table09_p2 {
    color: #00f;
    font-size: 26pt;
    margin: 5px 0
}

.table09_p2 span {
    font-size: 34pt
}

.table09 .table09_td5 {
    background: red;
    color: #333;
    font-size: 20pt
}

.table09 .table09_td5 span {
    color: #fff
}

.table10 {
    background: #ffc
}

.table10 td {
    border: 1px solid #000
}

.table10_td1 {
    font-size: 16pt
}

.table10_td1 span {
    color: red;
    font-weight: 600
}

.table10_td2 {
    color: red;
    font-size: 24pt;
    font-weight: 600;
    text-align: center
}

.table10_td2 span {
    color: #000
}

.table11 {
    background: #cff
}

.table11 td {
    padding: 5px 0;
    text-align: center;
    border: 1px solid #fbf8d7;
    font-weight: 600;
    font-size: 14pt;
    color: #808000;
    text-decoration: underline
}

.table12 {
    background: #ffc
}

.table12 td {
    border: 2px solid #6f9;
    padding: 5px 0
}

.table12_tr1 td {
    background: #945324;
    color: #fcc;
    text-align: center
}

.table12_tr2 td.table12_td2 {
    color: #00f;
    font-size: 13pt
}

.table12_td2 span {
    font-size: 18pt;
    font-weight: 700
}

.table12_td2 span.span_red {
    color: #f60
}

.table12_td2 span.span_black {
    color: #000
}

.table12_td2 span.span_1 {
    color: #800000
}

.table12_td3 {
    text-align: center;
    color: #00f;
    font-weight: 700;
    font-size: 10pt
}

.table12_td3 span {
    color: red
}

.table12_td4 {
    text-align: center;
    font-size: 10pt
}

.table13 td {
    border: 1px solid red;
    text-align: center;
    height: 50px
}

.table13_td1 {
    background: #9cf;
    font-size: 12pt;
    font-weight: 600
}

.table13_tr2 td {
    background: #cf9
}

.table13_tr2 .td1 {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.table13_tr2 .td2 {
    color: #f00;
    font-weight: 600;
    font-size: 16pt
}

.table13_tr2 .td3 {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.table14.table14 td {
    border: 1px solid #f9c;
    text-align: left;
    height: 50px
}

.table14.table14 .table14_td1 {
    text-align: center;
    background: #9cf;
    color: #800000;
    font-size: 16pt;
    font-weight: 700
}

.table14_tr2 td {
    font-weight: 600;
    background: #ffc;
    color: #00f;
    font-size: 20pt
}

.table14_tr2 td span {
    color: red;
    font-size: 26pt
}

.table15 td {
    border: 1px solid red;
    background: #cfc
}

.table15_tr2 td {
    color: red;
    font-weight: 600;
    font-size: 18pt;
    height: 50px
}

.table15_tr2 td span {
    color: #000
}

.table15_td1 {
    text-align: center;
    font-size: 40pt;
    color: red;
    font-weight: 600
}

.table16 {
    background: #ffffdf
}

.table16_td1 {
    background: #90ce82;
    text-align: center;
    color: #fff;
    line-height: 24px;
    font-size: 12px;
    font-family: 宋体
}

.table16_tr2 .td2 {
    font-size: 13px;
    color: #333
}

.table16_tr2 td {
    height: 40px
}

.table16_tr2 .td2 span.span_1 {
    color: #00f;
    font-size: 600
}

.table16_tr2 .td2 span.span_2 {
    color: red;
    font-size: 600
}

.table16_tr2 .td2 span.num {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: #f30;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 16px
}

.table16_tr2 .td2 img {
    margin-top: 5px;
    margin-right: 10px
}

.table16_tr2 .td3 {
    color: #999;
    font-size: 9pt
}

.table16_tr2 .td3 span {
    color: red;
    font-size: 10pt;
    text-align: center;
    font-weight: 600
}

.table16_tr4 .td2 {
    font-size: 13px;
    color: #333
}

.table16_tr4 td {
    height: 40px
}

.table16_tr4 .td2 span.span_1 {
    color: #00f;
    font-size: 600
}

.table16_tr4 .td2 span.span_2 {
    color: red;
    font-size: 600
}

.table16_tr4 .td2 span.num {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: #f30;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 16px
}

.table16_tr4 .td2 img {
    margin-top: 5px;
    margin-right: 10px
}

.table16_tr4 .td3 {
    color: #999;
    font-size: 9pt
}

.table16_tr4 .td3 span {
    color: red;
    font-size: 10pt;
    text-align: center;
    font-weight: 600
}

.table16_tr3 td {
    border-bottom: 1px solid #90ce82
}

.table17 td {
    border: 1px solid #008080
}

.table17_td1 {
    font-size: 29pt;
    color: #f00;
    font-weight: 600;
    text-align: center
}

.table17_td1 span {
    color: #00f;
    font-size: 24pt
}

.table17_td1 img {
    margin-top: 15px
}

.table17_td2 {
    color: #f00;
    font-size: 19pt;
    font-weight: 600
}

.table17_td3 {
    background-color: #cfc;
    font-size: 18pt;
    color: #333;
    font-weight: 600
}

.table17_td4 {
    text-align: left;
    background-color: #cfc
}

.table17_td4 p {
    font-size: 18pt;
    font-weight: 500
}

.table17_td4 .p2 {
    margin-top: 20px
}

.table17_td4 .p3 {
    margin-top: 20px;
    font-size: 18pt;
    background-color: #f96
}

.table17_td5 div {
    border: 1px solid #008080;
    vertical-align: top;
    font-weight: 600;
    box-sizing: border-box;
    font-size: 22pt;
    background: #ffc;
    display: inline-block;
    height: 100px
}

.table17_td5 div.div1 {
    width: 204px;
    text-align: center;
    color: #00f;
    line-height: 100px
}

.table17_td5 div.div2 {
    width: 715px;
    color: red;
    word-break: break-all;
    padding-top: 10px
}

.table17_td5 div.div2 span {
    background: #ff0;
    font-size: 20pt
}

.table17_td6 {
    font-size: 16pt;
    font-weight: 600;
    text-align: left
}

.table18 td {
    text-align: center;
    border: 1px solid red;
    height: 40px
}

.table18_tr1 td {
    background: #cce8eb;
    color: #008000;
    border: 1px solid #fff;
    font-size: 20px;
    font-weight: 600;
    height: 50px
}

.table18_tr2 td {
    padding: 5px 0
}

.table18_tr2 .td2 {
    font-size: 24pt;
    color: #000;
    font-weight: 600
}

.table18_tr2 .td2 span.span1 {
    font-size: 25pt;
    color: red
}

.table18_tr2 .td2 span.span2 {
    font-size: 14pt;
    color: #008000
}

.table19 {
    border: 1px solid #d9bc8a;
    padding: 1px
}

.table19 td {
    border: 1px solid #d9bc8a;
    font-weight: 600;
    text-align: center
}

.table19 .table19_tr1 td {
    font-size: 26pt;
    color: #00f
}

.table19 .table19_tr2 td {
    font-size: 24pt;
    color: #00f
}

.table19 .table19_tr2 td span {
    color: red
}

.table19 .table19_tr3 .td1 {
    background: #cf9;
    color: #800000;
    font-size: 22pt
}

.table19 .table19_tr3 .td2 {
    color: #000;
    font-size: 22pt
}

.table19 .table19_tr3 .td3 {
    background: #cf9;
    color: red;
    font-size: 22pt
}

.table19 .table19_tr4 .td2 {
    color: red;
    font-size: 25pt
}

.table20 td {
    border: 1px solid #808000;
    text-align: center;
    font-weight: 600
}

.table20_tr1 td {
    background: #f00;
    height: 40px
}

.table20_tr1 td.td1 {
    font-size: 10pt;
    width: 86%
}

.table20_tr1 td.td2 {
    font-size: 12pt;
    width: 14%
}

.table20_tr2 td {
    font-size: 20pt;
    background: #f60;
    height: 50px
}

.table20_tr2 td span {
    color: #00f
}

.table20_tr3 td {
    background: #fff;
    font-size: 16pt
}

.table20_tr3 td.td1 .span1 {
    color: red
}

.table20_tr3 td.td1 .span3 {
    color: #808000
}

.table20_tr3 td.td1 .span2 {
    color: red;
    font-size: 24pt
}

.table20_tr3 td.td2 {
    color: red
}

.table21 td {
    height: 60px;
    border: 1px solid red;
    text-align: center;
    background: #fff;
    font-weight: 600;
    font-size: 22pt
}

.table21 td span {
    color: red;
    font-size: 26pt
}

.table22 .table22_tr1 td {
    background: #0f0
}

.table22 .table22_tr2 td {
    background: #fff
}

.table22 .table22_tr3 td {
    background: #0f0
}

.table22 td {
    padding: 8px 0;
    width: 50%;
    font-size: 22pt;
    font-weight: 600;
    border: 1px solid red;
    text-align: center
}

.table22 td img {
    vertical-align: middle
}

.table23 td {
    border: 1px solid #808000;
    text-align: center;
    font-weight: 600
}

.table23_tr2 td {
    font-size: 20pt;
    background: #f00;
    height: 50px
}

.table23_tr3 td {
    background: #fff;
    font-size: 16pt
}

.table23_tr3 td.td1 .span2 {
    color: red;
    font-size: 22pt
}

.table23_tr3 td.td2 {
    color: red
}

.table24 td {
    border: 1px solid #666;
    font-weight: 700
}

.table24 td.table24_td1 {
    background: red;
    text-align: center;
    font-size: 25pt
}

.table24 td.table24_td1 span {
    color: #ff0
}

.table24 td.table24_td2 {
    background: #cfc;
    color: #00f;
    font-size: 18pt;
    font-weight: 700
}

.table24 td.table24_td2 span {
    color: red;
    font-size: 17pt
}

.table25 .table25_tr1 .td1 {
    background: #fff;
    width: 97px
}

.table25 .table25_tr1 .td2 {
    background: #ff0;
    width: 406px
}

.table25 td {
    padding: 8px 0;
    font-size: 22pt;
    font-weight: 600;
    color: #00f;
    border: 1px solid red;
    text-align: center
}

.table25 td img {
    vertical-align: middle
}

.table26 .table26_tr1 td {
    background: #fff;
    color: #00e
}

.table26 .table26_tr2 td {
    background: #ff0;
    color: red
}

.table26 td {
    padding: 8px 0;
    width: 50%;
    font-size: 22pt;
    font-weight: 600;
    border: 1px solid red;
    text-align: center
}

.table26 td img {
    vertical-align: middle
}

.table27 {
    border-collapse: initial;
    border: 1px solid #39f
}

.table27 td {
    border: 1px solid #39f;
    text-align: center
}

.table27_tr1 td {
    background: #808000;
    font-family: 宋体;
    color: #fff;
    font-size: 12px;
    height: 30px
}

.table27_tr2 td {
    font-weight: 600;
    font-size: 15pt;
    height: 40px;
    border: 0;
    background: #6cf
}

.table27_tr3 td.td1 {
    width: 23%
}

.table27_tr3 td.td2 {
    width: 28%
}

.table27_tr3 td.td3 {
    width: 24%
}

.table27_tr3 td.td4 {
    width: 23%
}

.table27_tr3 td.td1 p {
    font-size: 18px;
    margin-bottom: 10px
}

.table27_tr3 td.td1 p span {
    font-weight: 600;
    color: red
}

.table27_tr3 td.td2 p {
    font-size: 18px;
    background: #fff
}

.table27_tr3 td.td2 p span {
    font-weight: 600;
    color: red
}

.table27_tr3 td.td3 {
    background: #fff
}

.table27_tr3 td.td3 p {
    font-size: 20px;
    background: #fff
}

.table27_tr3 td.td3 p span {
    font-weight: 600;
    color: red
}

.table27_tr3 td.td4 p {
    font-size: 24px;
    background: #ff0;
    color: red
}

.table28 td {
    border: 1px solid #ccc;
    font-size: 14pt;
    font-weight: 600
}

.table28 td img {
    margin-top: 10px
}

.table28_tr1 td {
    background: #efefef;
    text-align: center
}

.table29 {
    border-collapse: initial
}

.table29 td {
    text-align: center;
    border: #f8f5d4;
    font-size: 11pt;
    font-weight: 600;
    color: #fff
}

.table29_tr1 td {
    background: red
}

.table29_tr2 td {
    background: #00f
}

.table29_tr3 td {
    background: #008000
}

.table30 {
    border-collapse: initial
}

.table30 td {
    text-align: center;
    height: 47px;
    border: 1px solid #0f0
}

.table30_tr1 td {
    background: red;
    font-size: 16px
}

.table30_tr2 td {
    background: #cff;
    font-size: 16px
}

.table30 td.td1 {
    font-weight: 600
}

.table30_tr4 td {
    background: #cff;
    height: 30px;
    font-size: 16px;
    text-align: left
}

.table30_tr5 div {
    font-size: 15px
}

.table30_tr5 div span {
    border: 1px solid #fff;
    box-sizing: border-box
}

.table30_tr5 div .span1 {
    width: 100px;
    display: inline-block
}

.table30_tr5 div .span2 {
    width: 350px;
    display: inline-block
}

.table30_tr5 .div1,
.table30_tr5 .div3 {
    background: #fcf;
    color: #00f
}

.table30_tr5 .div2,
.table30_tr5 .div4 {
    background: #faf7d6;
    color: #f00
}

.table30_tr6 div {
    font-size: 15px
}

.table30_tr6 div span {
    border: 1px solid #fff;
    box-sizing: border-box
}

.table30_tr6 div .span1 {
    width: 46px;
    display: inline-block
}

.table30_tr6 div .span2 {
    width: 250px;
    display: inline-block
}

.table30_tr6 .div1,
.table30_tr6 .div3 {
    background: #fcf;
    color: #00f
}

.table30_tr6 .div2,
.table30_tr6 .div4 {
    background: #faf7d6;
    color: #f00
}

.table30_tr7 td {
    background: #cff;
    color: red;
    height: 30px;
    font-size: 14px;
    text-align: left
}

.table30_tr7 td.td1 {
    text-align: center
}

.table30_tr8 td {
    background: #cff;
    height: 30px;
    font-size: 14px;
    text-align: left
}

.table30_tr9 td {
    background: #cff;
    height: 40px;
    text-align: center
}

.table31 td {
    font-size: 9pt;
    text-align: center
}

.table31 td p {
    margin-top: 10px
}

.table31 td span {
    font-size: 11pt;
    font-weight: 600;
    color: red
}

.table32 td {
    background: #008000;
    text-align: center;
    font-weight: 600;
    font-size: 40pt;
    color: #fff
}

.table32 td p {
    font-size: 44pt;
    margin-top: 10px
}

.table33 .table33_td1 {
    border-bottom: 1px solid #0ff;
    background: #ff0;
    font-size: 40pt;
    color: red;
    font-weight: 600
}

.table33 .table33_td2 {
    border-left: 1px solid #0ff;
    border-right: 1px solid #0ff;
    color: #000;
    font-size: 16px;
    height: 26px;
    background: #fff
}

table a {
    text-decoration: none
}

.table34 {
    background: #0f0;
    height: 45px;
    text-align: center
}

.table34 .table34_td1 {
    font-size: 30pt;
    font-weight: 600;
    height: 60px
}

.table34 .table34_td2 {
    font-size: 26pt;
    font-weight: 600;
    height: 45px
}

.table34 a {
    color: #000
}

.table34 td {
    border: 1px solid #000
}

.green {
    color: white;
    font-weight: bold;
    background: green
}

.red {
    color: white;
    font-weight: bold;
    background: red
}

.blue {
    color: white;
    font-weight: bold;
    background: blue
}

.zii {
    color: #f0f
}

/* 彩票功能样式 */
.lottery-container {
    width: 100%;
    background: #f0f8ff;
    border: 2px solid #ff0000;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}

.lottery-tabs {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 2px solid #00ff00;
}

.lottery-tab {
    flex: 1;
    padding: 8px 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-bottom: none;
    transition: all 0.3s ease;
}

.lottery-tab.active {
    background: #ffffff;
    color: #00ff00;
    border-bottom: 3px solid #00ff00;
}

.lottery-tab:not(.active) {
    color: #0066cc;
    background: #f5f5f5;
}

.lottery-content {
    display: none;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #cccccc;
}

.lottery-content.active {
    display: block;
}

.lottery-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #eeeeee;
}

.period-display {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-right: 10px;
    border-left: 3px solid #ff0000;
    padding-left: 8px;
}

.lottery-title {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.lottery-period {
    color: #ff0000;
    font-weight: bold;
}

.countdown-timer {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.history-link {
    color: #ff0000;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
}

.lottery-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    flex-wrap: wrap;
    gap: 8px;
}

.number-ball {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    margin: 2px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.number-ball .number {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}

.number-ball .zodiac {
    font-size: 11px;
    margin-top: 2px;
    text-align: center;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.number-ball .zodiac .animal {
    color: #000000;
    font-weight: bold;
}

.number-ball .zodiac .element {
    font-weight: bold;
}

.number-ball.red {
    background-color: #ff4444;
}

.number-ball.blue {
    background-color: #4a90e2;
}

.number-ball.green {
    background-color: #7ed321;
}

/* 五行颜色 */
.number-ball .zodiac .element.fire {
    color: #ff0000;
}

.number-ball .zodiac .element.metal {
    color: #ffd700;
}

.number-ball .zodiac .element.earth {
    color: #8b4513;
}

.number-ball .zodiac .element.wood {
    color: #228b22;
}

.number-ball .zodiac .element.water {
    color: #0000ff;
}

.plus-sign {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin: 0 5px;
}

.next-draw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 8px 12px;
    background: #f9f9f9;
    border-radius: 3px;
}

.next-draw-info {
    font-size: 14px;
    color: #333333;
}

.next-draw-period {
    color: #ff0000;
    font-weight: bold;
}

.refresh-button {
    background: #ff8800;
    color: #ffffff;
    border: none;
    padding: 6px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    transition: background 0.3s ease;
}

.refresh-button:hover {
    background: #ff6600;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .lottery-tabs {
        flex-direction: column;
    }

    .lottery-tab {
        margin-bottom: 1px;
    }

    .lottery-numbers {
        flex-direction: column;
        align-items: center;
        margin: 10px 0;
    }

    .number-ball {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

    .number-ball .number {
        font-size: 18px;
    }
}