.m-herald {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 15px;
    text-align: center;
    box-sizing: content-box;
}
.m-tab-panel .tab-pane table:not(:last-child) {
    margin-bottom: 15px;
}
.m-herald thead {
    background: #f0f0f0;
    color: #444;
}
.m-herald thead th {
    height:40px;
    font-weight:normal;
    border:1px solid #ddd
}
.m-herald td {
    padding:6px;
    border:1px solid #eee
}
.m-herald thead th:nth-child(1), .m-herald thead th:nth-child(3) {
    width:120px
}
.m-herald thead th:nth-child(2) {
    width:180px
}
.m-herald thead th:nth-child(4), .m-herald thead th:nth-child(7) {
    width:100px
}
.m-herald thead th:nth-child(6) {
    width:130px
}
.m-herald tbody tr:nth-child(even) {
    background:#fcfcfc
}
.m-herald tbody tr:hover {
    background:#f8f8f8
}
.m-herald tbody.z-today tr {
    background:#fff9d1
}
.m-herald tbody.z-today tr td {
    border-color:#ffe999
}
.m-herald tbody.z-today tr:nth-child(even) {
    background:#fffbdd
}
.m-herald tbody.z-today tr:hover {
    background:#fffdee
}
.m-herald tbody.z-now tr, .m-herald tbody tr.z-now {
    background:#fff690!important
}
.m-herald tbody.z-now tr td, .m-herald tbody tr.z-now td {
    border-color:#f7d15f!important
}
.m-herald tbody.z-now tr:hover, .m-herald tbody tr.z-now:hover {
    background:#fffabe!important
}
.m-herald tbody.z-now td:nth-child(1) {
    font-weight:bold;
    color:#ca3014
}
.m-herald tbody.z-top tr, .m-herald tbody tr.z-top {
    background:#c1f2ff!important
}
.m-herald tbody.z-top tr td, .m-herald tbody tr.z-top td {
    border-color:#99d8ec!important
}
.m-herald tbody.z-top tr:hover, .m-herald tbody tr.z-top:hover {
    background:#d6f6ff!important
}
.m-herald tbody tr:last-child {
    border-color:#ddd
}
.m-herald p {
    margin:auto;
    max-width:420px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.m-herald .z-hot {
    padding-left:18px;
    background:url(../images/g_hot.gif) no-repeat 0 50%
}
.m-herald .top-label {
    position:relative;
    display:inline-block;
    width:80px;
    background:#ed3340;
    line-height:26px;
    color:#fff;
    text-align:center;
    border-radius:5px
}
.m-herald .top-label:before {
    position:absolute;
    top:50%;
    right:-8px;
    margin-top:-4px;
    border:4px solid transparent;
    border-left-color:#ed3340;
    content:''
}
.m-herald .first {
    display:inline-block;
    width:68px;
    background:#197fe3;
    line-height:26px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    border-radius:5px
}
.m-herald .diode {
    display:block;
    font-size:0;
    text-align:center
}
.m-herald .diode em {
    display:inline-block;
    margin:0 2px;
    width:24px;
    background:#d2d2d2;
    line-height:24px;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:#fff;
    border-radius:5px
}
.m-herald .diode em.act.active {
    background:#97c516
}
.m-herald .diode em.gift.active {
    background:#ff5400
}
.m-herald .btn-start {
    display:inline-block;
    width:81px;
    height:32px;
    background:url(../images/g_btnborder.gif) no-repeat;
    line-height:30px;
    color:#ff2352
}
.m-herald .btn-start:hover {
    background:#ff2352;
    color:#fff;
    text-decoration:none
}