.vTrend_ball {
    padding-top: 78px;
    margin-bottom: 10px
}

.vTrend_ball .vMod_topBar {
    position: fixed;
    min-width: 320px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99
}

.vTrend_ball .vMod_topBar_rightBtn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAANlBMVEUAAADgPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj/gPj8amZr4AAAAEXRSTlMAGIMw1ejzQbFNBBoVDHzAmuaSlr8AAAEhSURBVHgBjVRZlsQgCFSDgElnqftfdtwnmWdn5Au1FKwCzNOCRzQfzJtlTES9ggC1VoHh4efSxZg1ANYYC4TVmEUve8dsBLC4FKy8B++EAdqemGSsTtJaXN24oSyBZFGct3tyQheJBy3iBeSE/rCR0gKuutQMGlkEaXMZuo4wq4L79fjzIcePfYez8eWImdynLk+4/qrn+ofAlYv6gMC3PELLLj6vsu+iPQwVJ+t+lFhcHXOAS8Sj1ETWXWpq7b+RlZKMlJpIutcTquB8SE2OVBNZ92KMvbn7b7XYFxA/Qe/hthRuKvEpCjKH9A+ZWZaWzIssT4ExFniqVKaKbqp8pxqht1QnfNBSvTlB35tzrs3nBka3VBPbt9HTbGqIjcfhD5IRFpVfAgLbAAAAAElFTkSuQmCC);
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat
}

.vTrend_ball_tabs {
    position: fixed;
    min-width: 320px;
    width: 100%;
    top: 44px;
    left: 0;
    z-index: 100;
    background-color: #fafafa;
    border-top: 1px solid #ddd;
    font-size: 12px;
    color: #666;
    text-align: center;
    box-shadow: 0 1px 3px #999;
    overflow: hidden
}

.vTrend_ball_tabs .item {
    position: relative;
    float: left;
    width: 16.66%
}

.vTrend_ball_tabs .item:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    font-size: 0;
    border-right: 1px solid #ddd
}

.vTrend_ball_tabs .item:last-child:after {
    border-right: none
}

.vTrend_ball_tabs a {
    display: block;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #ddd;
    color: #666
}

.vTrend_ball_tabs .cur a {
    height: 30px;
    color: #e45252;
    border-bottom: 3px solid #e45252
}

.vTrend_ball_wrap_part {
    display: none
}

.vTrend_ball_wrap_part.cur {
    display: block
}

.vTrend_ball_chart table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 12px;
    color: #404141;
    text-align: center
}

.vTrend_ball_chart td,.vTrend_ball_chart th {
    font-weight: 400;
    height: 25px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    overflow: hidden
}

.vTrend_ball_chart td:first-child,.vTrend_ball_chart th:first-child {
    border-left: none
}

.vTrend_ball_chart td:last-child,.vTrend_ball_chart th:last-child {
    border-right: none
}

.vTrend_ball_chart td .newTag {
    color: #ee4747;
    font-size: 10px;
    font-style: normal;
    vertical-align: top
}

.vTrend_ball_chart .sort {
    display: block;
    line-height: 25px;
    color: #2e86ea
}

.vTrend_ball_chart .sort:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 11px;
    margin-left: 1px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 11px;
    vertical-align: -1px
}

.vTrend_ball_chart .sort.up:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ5JREFUeNpi1Gt7xUAEyITS0wkpZCHCMCcgngTEjEB8E4j34VPMRMAwFSBeC7WYGYjXQcXIMpAfiLcBsQCa2HYoTZKBMNeo4nD1Oqgaog2cDA07fOE6mVgDM5FilVDMZxIyEKfNxPqEidiwITasmYiNPWJTAxOx6YvY9MpERIwSC8A5CpQDsqAYHfwnYAAjOVmPZDBq4KiBg8FAgAADANwFF634PPzeAAAAAElFTkSuQmCC)
}

.vTrend_ball_chart .sort.down:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi1Gt7xYAD/GfADxixCTIxUBmMGjhq4GAxcBo0V6BjQgCbnmkgA/OAeB8VHAcyIxdk4B8gDgbiOxQYBtIbBMR/YWH4AYi9gPgjGYaB9HjC9CJHym2YLSQY9heq5w6uWAaHAwkG5qKHP7ZkMx2KCQGs6piItZlYnzARGzbEhjUTsbFHbGpgIjZ9EZteWYjNAUhsvAAgwACMejM4Yr0ZWgAAAABJRU5ErkJggg==)
}

.vTrend_ball_chart .chartHead table {
    background-color: #f0f0f0
}

.vTrend_ball_chart .chartBody tr:nth-child(2n) {
    background-color: #fafafa
}

.vTrend_ball_chart.headFixed .chartHead {
    position: fixed;
    min-width: 320px;
    width: 100%;
    top: 78px;
    left: 0;
    z-index: 99
}

.vTrend_ball_chart.headFixed .chartBody {
    padding-top: 26px
}

.vTrend_ball_qxcResultChart td:nth-child(1),.vTrend_ball_qxcResultChart th:nth-child(1),.vTrend_ball_resultChart td:nth-child(1),.vTrend_ball_resultChart th:nth-child(1) {
    width: 19%
}

.vTrend_ball_qxcResultChart td:nth-child(2),.vTrend_ball_qxcResultChart th:nth-child(2),.vTrend_ball_resultChart td:nth-child(2),.vTrend_ball_resultChart th:nth-child(2) {
    width: 48%
}

.vTrend_ball_qxcResultChart td:nth-child(3),.vTrend_ball_qxcResultChart th:nth-child(3),.vTrend_ball_resultChart td:nth-child(3),.vTrend_ball_resultChart th:nth-child(3) {
    width: 9%
}

.vTrend_ball_qxcResultChart td:nth-child(4),.vTrend_ball_qxcResultChart td:nth-child(5),.vTrend_ball_qxcResultChart th:nth-child(4),.vTrend_ball_qxcResultChart th:nth-child(5),.vTrend_ball_resultChart td:nth-child(4),.vTrend_ball_resultChart td:nth-child(5),.vTrend_ball_resultChart th:nth-child(4),.vTrend_ball_resultChart th:nth-child(5) {
    width: 12%
}

.vTrend_ball_qxcResultChart .resultNumber,.vTrend_ball_resultChart .resultNumber {
    font-size: 0
}

.vTrend_ball_qxcResultChart b,.vTrend_ball_resultChart b {
    font-weight: 400;
    padding: 0 2px;
    font-size: 12px
}

.vTrend_ball_qxcResultChart b.red,.vTrend_ball_resultChart b.red {
    color: #ee4747
}

.vTrend_ball_qxcResultChart b.blue,.vTrend_ball_resultChart b.blue {
    color: #0a6ed2
}

.vTrend_ball_trendChart .chartBody td:nth-child(n+2) {
    color: #898989
}

.vTrend_ball_trendChart b {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    overflow: hidden
}

.vTrend_ball_trendChart b.green {
    background-color: #8fc31f
}

.vTrend_ball_trendChart b.red {
    background-color: #f45c5c
}

.vTrend_ball_trendChart b.blue {
    background-color: #3995f0
}

.vTrend_ball_trendChart .split td {
    border-bottom: 1px solid #ff8c32
}

.vTrend_ball_trendChart .hideMiss td:nth-child(n+2) {
    color: transparent
}

.vTrend_ball_summaryChart td:first-child span {
    display: block;
    width: 24px;
    margin: 0 auto;
    line-height: 12px;
    font-size: 12px
}

.vTrend_ball_summaryChart .chartBody tr.blue {
    background-color: #e2f6ff
}

.vTrend_ball_summaryChart .chartBody tr.blue td:first-child {
    color: #4595ef
}

.vTrend_ball_summaryChart .chartBody tr.red {
    background-color: #ffecec
}

.vTrend_ball_summaryChart .chartBody tr.red td:first-child {
    color: #f37580
}

.vTrend_ball_summaryChart .chartBody tr.green {
    background-color: #f3ffda
}

.vTrend_ball_summaryChart .chartBody tr.green td:first-child {
    color: #4bcf61
}

.vTrend_ball_summaryChart .chartBody tr.yellow {
    background-color: #fff6d8
}

.vTrend_ball_summaryChart .chartBody tr.yellow td:first-child {
    color: #dea500
}

.vTrend_ball_historySummary h2 {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    color: #333;
    text-align: center;
    background-color: #fff
}

.vTrend_ball_historyChart.headFixed {
    padding-top: 59px
}

.vTrend_ball_historyChart.headFixed .chartBody {
    padding-top: 0
}

.vTrend_ball_historyChart .chartHead th span {
    display: inline-block;
    width: 32px;
    line-height: 14px;
    padding: 2px 0
}

.vTrend_ball_historyChart .chartHead_first {
    background-color: #e3e3e3
}

.vTrend_ball_historyChart td {
    width: 10%
}

.vTrend_ball_historyChart .chartBody td.highlight {
    color: #008eff
}

.vTrend_ball_historyChart b {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    overflow: hidden
}

.vTrend_ball_historyChart b.red {
    background-color: #f45c5c
}

.vTrend_ball_historyChart b.green {
    background-color: #8fc31f
}

.vTrend_ball_historyChart b.blue {
    background-color: #3995f0
}

.vTrend_ball_summaryChart.redBall td:first-child,.vTrend_ball_summaryChart.redBall th:first-child,.vTrend_ball_trendChart.redBall td:first-child,.vTrend_ball_trendChart.redBall th:first-child {
    width: 12%
}

.vTrend_ball_summaryChart.blueBall td:first-child,.vTrend_ball_summaryChart.blueBall th:first-child,.vTrend_ball_trendChart.blueBall td:first-child,.vTrend_ball_trendChart.blueBall th:first-child {
    width: 10.4%
}

.vTrend_ball_summaryChart.blueBall .sort,.vTrend_ball_trendChart.blueBall .sort {
    font-size: 10px
}

.vTrend_ball_summaryChart.blueBall .sort:after,.vTrend_ball_trendChart.blueBall .sort:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-left: 1px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    vertical-align: -1px
}

.vTrend_ball_summaryChart.blueBall b,.vTrend_ball_trendChart.blueBall b {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px
}

.vTrend_ball_fc3dResultChart td:nth-child(1),.vTrend_ball_fc3dResultChart th:nth-child(1) {
    width: 18%
}

.vTrend_ball_fc3dResultChart td:nth-child(2),.vTrend_ball_fc3dResultChart th:nth-child(2) {
    width: 14%
}

.vTrend_ball_fc3dResultChart td:nth-child(3),.vTrend_ball_fc3dResultChart td:nth-child(4),.vTrend_ball_fc3dResultChart td:nth-child(5),.vTrend_ball_fc3dResultChart th:nth-child(3),.vTrend_ball_fc3dResultChart th:nth-child(4),.vTrend_ball_fc3dResultChart th:nth-child(5) {
    width: 9%
}

.vTrend_ball_fc3dResultChart td:nth-child(6),.vTrend_ball_fc3dResultChart th:nth-child(6) {
    width: 14%
}

.vTrend_ball_fc3dResultChart td:nth-child(7),.vTrend_ball_fc3dResultChart td:nth-child(8),.vTrend_ball_fc3dResultChart td:nth-child(9),.vTrend_ball_fc3dResultChart th:nth-child(7),.vTrend_ball_fc3dResultChart th:nth-child(8),.vTrend_ball_fc3dResultChart th:nth-child(9) {
    width: 9%
}

.vTrend_ball_fc3dResultChart .resultNumber {
    font-size: 0
}

.vTrend_ball_fc3dResultChart .resultNumber b {
    font-weight: 400;
    padding: 0 1px;
    font-size: 12px;
    color: #ee4747
}

.vTrend_ball_fc3dResultChart .z3 {
    background-color: #3995f0;
    color: #fff
}

.vTrend_ball_fc3dResultChart .z6 {
    background-color: #8fc31f;
    color: #fff
}

.vTrend_ball_fc3dResultChart .bz {
    background-color: #f45c5c;
    color: #fff
}

.vTrend_ball_fc3dTrendChart td:first-child,.vTrend_ball_fc3dTrendChart th:first-child {
    width: 18%
}

.vTrend_ball_fc3dTrendChart .chartBody td:nth-child(n+2) {
    color: #898989
}

.vTrend_ball_fc3dTrendChart b {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-weight: 400
}

.vTrend_ball_fc3dTrendChart b .pop {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 6px;
    font-size: 10px;
    font-style: normal;
    background-color: #ffa200;
    overflow: hidden
}

.vTrend_ball_fc3dTrendChart b.green {
    background-color: #8fc31f
}

.vTrend_ball_fc3dTrendChart b.red {
    background-color: #f45c5c
}

.vTrend_ball_fc3dTrendChart b.blue {
    background-color: #3995f0
}

.vTrend_ball_fc3dTrendChart .split td {
    border-bottom: 1px solid #ff8c32
}

.vTrend_ball_fc3dTrendChart .hideMiss td:nth-child(n+2) {
    color: transparent
}

.vTrend_ball_fc3dSummaryChart td:first-child,.vTrend_ball_fc3dSummaryChart th:first-child {
    width: 18%
}

.vTrend_ball_fc3dSummaryChart td:first-child span {
    display: block;
    margin: 0 auto;
    line-height: 12px;
    font-size: 12px
}

.vTrend_ball_fc3dSummaryChart .chartBody tr.blue {
    background-color: #e2f6ff
}

.vTrend_ball_fc3dSummaryChart .chartBody tr.blue td:first-child {
    color: #4595ef
}

.vTrend_ball_fc3dSummaryChart .chartBody tr.red {
    background-color: #ffecec
}

.vTrend_ball_fc3dSummaryChart .chartBody tr.red td:first-child {
    color: #f37580
}

.vTrend_ball_fc3dSummaryChart .chartBody tr.green {
    background-color: #f3ffda
}

.vTrend_ball_fc3dSummaryChart .chartBody tr.green td:first-child {
    color: #4bcf61
}

.vTrend_ball_fc3dSummaryChart .chartBody tr.yellow {
    background-color: #fff6d8
}

.vTrend_ball_fc3dSummaryChart .chartBody tr.yellow td:first-child {
    color: #dea500
}

.vTrend_ball_fc3dHistorySummary h2,.vTrend_ball_qxcHistorySummary h2 {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    color: #333;
    text-align: center;
    background-color: #fff
}

.vTrend_ball_fc3dHistoryChart.headFixed,.vTrend_ball_qxcHistoryChart.headFixed {
    padding-top: 59px
}

.vTrend_ball_fc3dHistoryChart.headFixed .chartBody,.vTrend_ball_qxcHistoryChart.headFixed .chartBody {
    padding-top: 0
}

.vTrend_ball_fc3dHistoryChart .chartHead th span,.vTrend_ball_qxcHistoryChart .chartHead th span {
    display: inline-block;
    width: 32px;
    line-height: 14px;
    padding: 2px 0
}

.vTrend_ball_fc3dHistoryChart .chartHead_first,.vTrend_ball_qxcHistoryChart .chartHead_first {
    background-color: #e3e3e3
}

.vTrend_ball_fc3dHistoryChart td,.vTrend_ball_qxcHistoryChart td {
    width: 10%
}

.vTrend_ball_fc3dHistoryChart .chartBody td.highlight,.vTrend_ball_qxcHistoryChart .chartBody td.highlight {
    color: #008eff
}

.vTrend_ball_fc3dHistoryChart b,.vTrend_ball_qxcHistoryChart b {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    overflow: hidden
}

.vTrend_ball_fc3dHistoryChart b.red,.vTrend_ball_qxcHistoryChart b.red {
    background-color: #f45c5c
}

.vTrend_setting {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: block
}

.vTrend_setting_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4)
}

.vTrend_setting_window {
    width: 296px;
    margin-left: -148px;
    position: absolute;
    left: 50%;
    top: 120px;
    background-color: #fff;
    border-radius: 3px;
    color: #414141
}

.vTrend_setting_window_head {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #c4c4c4;
    text-align: center;
    font-size: 16px
}

.vTrend_setting_window_body {
    padding: 20px 30px
}

.vTrend_setting_window_body .item {
    overflow: hidden
}

.vTrend_setting_window_body .item_left {
    float: left
}

.vTrend_setting_window_body .item_right {
    overflow: hidden
}

.vTrend_setting_window_body .item_right li {
    font-size: 15px;
    line-height: 24px;
    padding: 0 5px 5px
}

.vTrend_setting_window_body .item_right.dateMod li {
    float: left;
    width: 85px;
    padding-bottom: 5px
}

.vTrend_setting_window_bottom {
    border-top: 1px solid #c4c4c4;
    padding: 12px 0;
    text-align: center
}

.vTrend_setting_window_bottom .btn {
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px;
    border-radius: 2px;
    border: 1px solid #898989;
    background-color: #fff;
    color: #414141
}

.vTrend_setting_window_bottom .yesBtn {
    border-color: #008eff;
    background-color: #008eff;
    color: #fff
}

@media (min-width: 1004px) {
    .vTrend_ball {
        padding-top:0;
        margin-bottom: 20px
    }

    .vTrend_ball .vMod_topBar {
        position: static
    }

    .vTrend_ball_tabs {
        position: static;
        width: auto;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        box-shadow: none
    }

    .vTrend_ball_chart.headFixed .chartHead {
        position: static
    }

    .vTrend_ball_chart.headFixed .chartBody {
        padding-top: 0
    }

    .vTrend_ball_chart td:first-child,.vTrend_ball_chart th:first-child {
        border-left: 1px solid #ddd
    }

    .vTrend_ball_chart td:last-child,.vTrend_ball_chart th:last-child {
        border-right: 1px solid #ddd
    }

    .vTrend_ball_summaryChart td:first-child span {
        width: auto
    }

    .vTrend_ball_summaryChart.blueBall .sort,.vTrend_ball_trendChart.blueBall .sort {
        font-size: 12px
    }

    .vTrend_ball_historyChart.headFixed {
        padding-top: 0
    }

    .vTrend_ball_historySummary h2 {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    .vTrend_ball_fc3dSummaryChart td:first-child span {
        width: auto
    }

    .vTrend_ball_fc3dHistoryChart.headFixed,.vTrend_ball_qxcHistoryChart.headFixed {
        padding-top: 0
    }

    .vTrend_ball_fc3dHistorySummary h2,.vTrend_ball_qxcHistorySummary h2 {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }
}