.content .list-content:before,
.content .list-content:after {
    content: " ";
    display: none
}



.content .list-content:after {
    clear: both
}

.content .list-content:before,
.content .list-content:after {
    content: " ";
    display: table
}

.content .list-content:after {
    clear: both
}

.content .list-content .button {
    width: 100%;
    font-size: 15px;
    padding: 0 15px;
    margin-bottom: 15px;
    text-align: left
}

.content .list-content .button .icon {
    width: 20px;
    height: 20px;
    float: left;
    margin: 11px 8px 0 -3px
}

.content .list-content .list {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 8
}

.content .list-content .list.red .head-line {
    border-bottom-color: #ce2224
}

.content .list-content .list.green .head-line {
    border-bottom-color: #328d13
}

.content .list-content .list.blue .head-line {
    border-bottom-color: #019dcf
}

.content .list-content .list .head-line,
.content .list-content .list .list-table {
    position: fixed;
    left: 15px;
    right: 15px;
    z-index: 9
}

.content .list-content .list .head-line {
    padding: 10px 15px;
    top: 15px;
    z-index: 9
}

.content .list-content .list .head-line .title {
    font-size: 15px
}

.content .list-content .list .head-line .title .icon {
    display: none
}

.content .list-content .list .list-table {
    overflow-y: scroll;
    top: 62px;
    bottom: 15px
}

.item-list.winner-list {
    background-color: transparent;
    border: 0;
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.item-list.winner-list .line:last-child {
    border-bottom: 0
}

.item-list.winner-list .line:nth-child(odd) {
    background-color: #fff
}

.item-list.winner-list .line>li {
    width: auto;
    text-align: center
}

.item-list.winner-list .line .nick {
    width: 25%;
    text-align: left
}

.item-list.winner-list .line .award {
    width: 46%;
    text-align: left
}

.item-list.winner-list .line .money {
    width: 18%
}

.item-list.winner-list .line .date {
    width: 11%;
    text-align: right
}

.item-list.activity-list .amount {
    width: auto
}

.item-list.activity-list .balance {
    width: auto;
    padding: 0 0 0 10px
}

.item-list .head .caption,
.item-list .line .caption {
    color: #333;
}

.item-list .line {
    border-bottom: 1px solid #ccc;
}
.item-list.winner-list .line:nth-child(odd) {
    background-color: #fff;
}
.item-list.winner-list .line {
    background-color: #d0e0f3;
}

@media (min-width:375px) {

    .content .list-content .button {
        font-size: 18px
    }
    .content .list-content .button .icon {
        width: 24px;
        height: 24px;
        margin: 9px 10px 0 -2px
    }
    .content .list-content .list .head-line .title {
        font-size: 18px
    }

    .content .list-content .list .head-line .close {
       
    }
}
@media (min-width:1200px) {

    .content .list-content .button {
        display: none
    }
    .content .list-content .list {
        display: block;
        margin-bottom: 20px;
        background-color: transparent;
        position: static
    }
    .content .list-content .list .head-line,
    .content .list-content .list .list-table {
        position: static
    }
    .content .list-content .list .head-line .title .icon {
        display: inline-block
    }
    .content .list-content .list .head-line .close {
        display: none
    }
    .content .list-content .list .list-table {
        overflow: auto
    }
    
}