body,
div,
html,
strong,
table,
tbody,
td,
th,
thead,
tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    vertical-align: baseline
}

body {
    line-height: 1
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: hsla(0, 0%, 49%, .7);
    -webkit-border-radius: 6px
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: hsla(0, 0%, 49%, .7);
    -webkit-border-radius: 6px
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
html {
    line-height: 1;
    font-family: helvetica, stheiti, pingfang sc, microsoft yahei, pinghei, stheitisc-light, helvetica-light, lucida grande, lucida sans unicode, helvetica neue, arial, verdana, sans-serif
}

* {
    box-sizing: border-box
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}

th {
    text-align: left
}

th {
    font-style: normal;
    font-weight: 400
}

body {
    margin: 0 auto;
}

.zst_table,
body {
    position: relative
}

.zst_table {
    font-size: 12px;
    background: #f8f8f8;
    line-height: 24px;
    border-spacing: 1px;
    border-collapse: collapse
}

.zst_table,
.zst_table td {
    text-align: center;
    vertical-align: middle
}

.zst_table td {
    font-family: \\5B8B\4F53;
    border: 1px solid #ddd;
    height: 24px
}

.zst_table tr {
    background: #f8f8f8
}

.zst_table tr:nth-child(odd) {
    background-color: #fff
}

.zst_table td:first-child {
    width: 76px
}

.zst_table tr.active td {
    background-color: #eaf0f7
}

.zst_table th {
    text-align: center;
    border: 1px solid #ddd;
    vertical-align: middle
}

.zst_table .wdh {
    width: 18px
}

.zst_table .yl01 {
    color: #a3c3ef;
    width: 17px;
    height: 20px
}

.zst_table .yl02 {
    color: #f6a0af
}

.zst_table .chartball01,
.zst_table .chartball02,
.zst_table .chartball08,
.zst_table .chartball20 {
    background-position: 50%;
    color: #fff;
    background-repeat: no-repeat;
    font-family: arial;
    font-weight: 700;
    letter-spacing: -1px;
    background-size: contain
}

.zst_table .chartball01 {
    background-image: url(../images/tred.png)
}

.zst_table .chartball02 {
    background-image: url(../images/tblue.png);
    position: relative
}

.zst_table .chartball20 {
    background-image: url(../images/tred_h.png);
    color: #f5607a;
    letter-spacing: -1px
}

.zst_table .chartball08 {
    background-image: url(../images/ball_hui.gif);
    font-weight: 400;
}

.zst_table th strong {
    margin-left: -5px
}

.zst_table .thbg td,
.zst_table .thbg th,
.zst_table th {
    background: #dbdbdb;
    height: 1px;
    _height: 2px
}

.zst_table .thbg td,
.zst_table .thbg th {
    background: #f0e5c6
}

.zst_table tr td.br01,
.zst_table tr th.br01 {
    width: 1px;
    background: #dbdbdb;
    font-size: 0;
    border: 1px solid #dbdbdb;
    border-width: 1px 0
}

.zst_table tr td.br02,
.zst_table tr th.br02 {
    width: 0;
    background: #dbdbdb;
    font-size: 0;
    border: 1px solid #dbdbdb;
    border-width: 1px 0
}

.zst_table .bg11 {
    background: #7ca8a9
}

.zst_table .bg11,
.zst_table .bg12 {
    color: #fff;
    font-family: tahoma;
    width: 46px;
    height: 16px;
    margin: 0 auto;
    line-height: 16px
}

.zst_table .bg12 {
    background: #e0b26d
}

.zst_table .td_bg02 td {
    background: #e8f1fa
}

.zst_table .bg_p {
    color: #e1adad;
    background-color: #faeeee
}

.zst_table .bg_bl {
    color: #bccee2;
    background-color: #eaf0f7
}

.zst_table tr.active .bg_p {
    color: #e1adad;
    background-color: #faeeee
}

.zst_table tr.active .bg_bl {
    color: #bccee2;
    background-color: #eaf0f7
}

.zst_table td.presele_tit,
.zst_table td.presele_tit:hover {
    background-image: none;
    color: #2b2b2b;
    cursor: default
}

.presqu td {
    background-image: none;
    background: #eaeaea;
    font-family: tahoma;
    color: #999;
    cursor: pointer
}

.presqu td:hover {
    background-image: none;
    cursor: pointer
}

.gross {
    color: #333
}

.tdbck td {
    height: 1px;
    background: #dbdbdb;
    font-size: 0
}

.zst_table td.ball_omit_m {
    background: #99c
}

#zst {
    overflow-x: scroll;
    position: relative;
    background: #fff;
}

#app {
    overflow: hidden
}