@media screen and (max-width:960px) {
    .main-list {
        margin-left: 10px;
        margin: auto;
        margin-top: 80px;
        padding: 0px 10px;
    }

    #iphoneEmailBtn {
        display: block;
    }

    .article-right-box {
        display: none;
    }
}

@media screen and (min-width:961px) {

    .main-list {
        width: 80%;
        margin: auto;
        margin-top: 64px;
    }

    #iphoneEmailBtn {
        display: none;
    }
}

@media screen and (max-width:760px) {
    .article-title {
        line-height: 28px;
        font-size: 2.0em;
        color: rgba(0,0,0,0.80);
        /*overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;*/
    }

        .article-title a:hover {
            color: #4A90E2;
        }

    .article-text {
        height: auto;
        /*height: 56px;*/
        line-height: 28px;
        font-size: 1.5em;
        margin: 14px 0;
        color: rgba(0,0,0,0.50);
        /*text-overflow: ellipsis;
        overflow-y: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;*/
    }

    .article-footer {
        font-size: 1.3em;
        color: #8D8D8D;
    }

    .article-time {
        margin-left: 20px;
    }
}