html, body{padding:0;margin:0}
* {
    font-family: ºÚÌå
}
.clearFloat {
    clear: both;
}
.part {
    padding: 0 16px;
}
.part h2,
.part h1 {
    font-weight: normal;
    font-size: 14px;
    border-bottom: 2px solid #3587e4;
    margin: 0 0 10px 0;
}

    .part h2,
    .part h2 a,
    .part h1,
    .part h1 a {
        color: #2d2d2d;
    }


    .part h2 {
        color: #0066B1;
        line-height: 40px;
        padding-left: 36px;
        background: url(/images/tit.png) 10px center no-repeat;
        background-size: auto 50%;
    }

    .part h3.tit {
        font-weight: normal;
        margin: 0 0 10px 0;
        padding-left: 36px;
        font-size: 16px;
        color: #404040;
        line-height: 40px;
        border-bottom: 2px solid #3587e4;
        position: relative;
    }

        .part h3.tit:before {
            content: "";
            position: absolute;
            top: 8px;
            left: 16px;
            z-index: 2;
            width: 0;
            height: 0;
            border-radius: 4px;
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent transparent #e80101;
        }

.grid {
    width: 210px;
    margin: 1px;
    padding: 10px;
    float: left;
}

    .grid:hover {
        box-shadow: 0 0 4px 2px #f0f0f0;
    }

    .grid h3 {
        height: 52px;
        font-size: 16px;
        font-weight: bold;
        line-height: 26px;
        display: -webkit-box;
        overflow: hidden;
        white-space: normal !important;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

        .grid h3 a {
            color: #0d6e9b;
        }

    .grid .preview {
        position: relative;
        height: 160px;
        width: 210px;
        overflow: hidden;
    }

        .grid .preview .addw {
            -webkit-transition: all 1.5s ease;
            -moz-transition: all 1.5s ease;
            transition: all 1.5s ease;
        }

        .grid .preview .add {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .grid .preview img {
            width: 100%;
            height: 150px;
            display: block;
        }

    .grid p {
        padding: 0;
        margin: 0;
    }

        .grid p.category {
            font-size: 12px;
            margin-top: -18px;
            color: #666666;
            display: -webkit-box;
            overflow: hidden;
            white-space: normal !important;
            text-overflow: ellipsis;
            word-wrap: break-word;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

    .grid .time {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 8px;
        letter-spacing: 1px;
        color: #fff;
        padding: 2px;
        background-color: rgba(0,0,0,.6);
        -moz-border-top-left-radius: .5em;
        -webkit-border-top-left-radius: .5em;
        border-top-left-radius: .5em;
    }

    .grid .data div {
        padding: 5px 0 0 0;
    }

        .grid .data div a {
            color: #6f6f6f;
        }

            .grid .data div a:hover {
                text-decoration: underline;
                color: #464646;
            }