@font-face {
    font-family: "Satisfy";
    src: url("../fonts/Satisfy-Regular.eot");
    src: local("☺"), url("../fonts/Satisfy-Regular.woff") format("woff"), url("../fonts/Satisfy-Regular.ttf") format("truetype"), url("../fonts/Satisfy-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: 400;
    font-style: normal;
    font-style: normal;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #92969c;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px;
}

body {
    padding-top: 20px;
    background: #eceef1;
    color: #2c3e50;
    font-family: OpenSans, "Microsoft Yahei", sans-serif;
}

@media only screen and (max-width: 767px) {
    body {
        padding-top: 30px;
    }

    html::-webkit-scrollbar-track-piece {
        background: #eee
    }

    html::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    html::-webkit-scrollbar-thumb {
        height: 40px;
        border-radius: 4px;
        background-color: #A5A5A5
    }

    html::-webkit-scrollbar-thumb:hover {
        background-color: #bbb
    }
}

.lazyload {
    background: url("data:image/gif;base64,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") no-repeat center;
    background-size: cover;
}


.header-top {
    background: #2d72d9;
    border: 0;
    margin: 0;
}

.header-top .navbar-toggle {
    border-color: #ffffff;
}

.header-top .navbar-toggle:hover,
.header-top .navbar-toggle:focus {
    border-color: #205bb3;
    background: #205bb3;
}

.header-top .navbar-collapse,
.header-top .navbar-form {
    border-color: #205bb3;
}

.header-top .navbar-brand {
    color: #ffffff;
    font-family: "Satisfy";
    font-size: 24px;
}

.header-top .navbar-brand:hover {
    color: #ffffff;
}

.header-top .navbar-nav>li>a {
    color: #ffffff;
}

.header-top .navbar-nav>li>a:hover,
.header-top .navbar-nav>li>a:focus {
    background: none;
    color: #ffffff;
}

.header-top .navbar-nav>.active>a,
.header-top .navbar-nav>.active>a:hover,
.header-top .navbar-nav>.active>a:focus {
    background: #205bb3;
}

.header-top .form-control {
    width: 160px;
    border: 1px solid #dde0e5;
    box-shadow: none;
}

.header-top .form-control:focus {
    width: 240px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    transition: width 0.3s;
}

@media only screen and (max-width: 767px) {

    .header-top .form-control,
    .header-top .form-control:focus {
        width: 100%;
    }
}

.header-page {
    top: 50px;
    z-index: 1040;
    background: #ffffff;
    border: 0;
    margin: 0;
    transition: top, box-shadow 0.5s;
}

.header-page .navbar-nav>li>a {
    color: #3e4551;
}

.header-page .navbar-nav>li>a:hover,
.header-page .navbar-nav>li>a:focus {
    background: none;
    color: #2d72d9;
}

.header-fixed {
    padding-top: 80px;
}

.header-fixed .header-page {
    top: 0;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}

.footer {
    background: #ffffff;
    padding: 20px 0;
    margin-top: 30px;
}

.footer p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}

.footer p a {
    color: #2c3e50;
    transition: color 0.5s;
}

.footer p a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.banner {
    margin-bottom: 20px;
    overflow: hidden;
}

.banner .banner-pic {
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .banner .banner-pic {
        height: 200px;
    }
}

.card {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    padding: 20px;
    position: relative;
    transition: box-shadow 0.3s;
}

.card:hover {
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .1);
}

.card .card-thumb {
    width: 220px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 20px;
}

.card .card-thumb .thumb-pic {
    width: 220px;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.5s;
}

.card .card-thumb:hover .thumb-pic {
    transform: scale(1.05);
}

.card .card-inner {
    height: 150px;
    padding-left: 240px;
}

.nothumb-card .card-inner {
    padding: 0;
    height: auto;
}

.card .card-inner h5 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.card .card-inner h5 a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #04152c;
}

.card .card-inner h5 a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.card .card-inner .meta {
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
}

.card .card-inner .meta span {
    margin-right: 15px;
    color: #8a94ac;
    font-size: 12px;
}

.card .card-inner .meta a {
    color: #8a94ac;
    transition: color 0.5s;
}

.card .card-inner .meta span i {
    margin-right: 5px;
}

.card .card-inner .meta a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.card .card-inner .desc {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    text-align: justify;
}

@media only screen and (max-width: 767px) {
    .card {
        padding: 15px;
    }

    .card .card-thumb {
        width: 100%;
        height: 200px;
        left: 0;
        top: 0;
    }

    .card .card-thumb .thumb-pic {
        width: 100%;
        height: 200px;
        border-radius: 6px 6px 0 0;
    }

    .card .card-inner {
        height: auto;
        padding-left: 0;
        padding-top: 200px;
    }

    .nothumb-card .card-inner {
        padding: 0;
    }

}

.pages {
    text-align: center;
}

.pages .pagination {
    margin: 0;
}

.pages .pagination>li>a,
.pages .pagination>li>span {
    border: 0;
    color: #2c3e50;
}

.pages .pagination>li>a:hover,
.pages .pagination>li>span:hover,
.pages .pagination>li>a:focus,
.pages .pagination>li>span:focus {
    color: #2d72d9;
    background: none;
}

.pages .pagination>.active>a,
.pages .pagination>.active>a:focus,
.pages .pagination>.active>a:hover,
.pages .pagination>.active>span,
.pages .pagination>.active>span:focus,
.pages .pagination>.active>span:hover {
    border-radius: 6px;
    background: #2d72d9;
    color: #ffffff;
}


.current {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
}

.current a {
    color: #2c3e50;
}

@media only screen and (max-width: 767px) {
    .current {
        display: none;
    }
}

.post {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    padding: 20px;
}

@media only screen and (max-width: 767px) {
    .post {
        padding: 1]'[px;
    }
}

.post .post-title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    padding: 0 20px;
    color: #04152c;
    margin: 0;
    padding: 0;
}

.post .post-meta {
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
}

.post .post-meta {
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
}

.post .post-meta span,
.post .post-meta a {
    margin-right: 20px;
    font-size: 12px;
    color: #8a94ac;
}

.post .post-meta span i,
.post .post-meta a i {
    margin-right: 5px;
}

.post .post-body {
    font-size: 15px;
    line-height: 28px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;
}

.post .post-body p {
    margin: 15px 0;
    text-align: justify;
}

.post .post-body h1,
.post .post-body h2,
.post .post-body h3,
.post .post-body h4,
.post .post-body h5 {
    position: relative;
    color: #04152c;
    transition: padding 0.3s;
    font-size: 20px;
}

.post .post-body h1,
.post .post-body h2,
.post .post-body h3 {
    font-size: 20px;
}

.post .post-body h4 {
    font-size: 18px;
}

.post .post-body h5 {
    font-size: 16px;
}

.post .post-body h1:before,
.post .post-body h2:before,
.post .post-body h3:before,
.post .post-body h4:before,
.post .post-body h5:before {
    content: "#";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    color: #2d72d9;
    height: 30px;
    width: 20px;
    line-height: 30px;
    font-size: 24px;
    opacity: 0;
    text-align: left;
    transition: opacity, transform 0.5s;
}

.post .post-body h1:hover,
.post .post-body h2:hover,
.post .post-body h3:hover,
.post .post-body h4:hover,
.post .post-body h5:hover {
    padding-left: 20px;
}

.post .post-body h1:hover:before,
.post .post-body h2:hover:before,
.post .post-body h3:hover:before,
.post .post-body h4:hover:before,
.post .post-body h5:hover:before {
    opacity: 1;
    transform: translate(0, -50%);
}

.post .post-body blockquote {
    margin: 0 -20px;
    margin-bottom: 20px;
    background: #f3f5f7;
    border-left: 3px solid #4682da;
    font-size: 15px;
    line-height: 25px;
}

.post .post-body table {
    width: 100%;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .05)
}

.post .post-body table tr {
    transition: box-shadow 0.5s;
}

.post .post-body table thead tr {
    background: #f5f5f5;
}

.post .post-body table tbody tr:nth-child(2n) {
    background: #f5f5f5;
}

.post .post-body table tr:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .05)
}

.post .post-body table th {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
}

.post .post-body table td {
    font-size: 14px;
    padding: 5px 10px;
}

.post .post-body code {
    color: #777398;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    background-color: #f5f7fb;
    border-radius: 4px;
}

.post .post-body pre {
    margin: 0 -20px;
    background: #f5f7fb;
    border: 0;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    white-space: pre-wrap;
    word-break: break-word;
    overflow: auto;
    position: relative;
}

.post .post-body img {
    width: 100%;
    vertical-align: top;
    margin: 15px 0;
}

.post .post-tags {
    margin: -20px;
    margin-top: 20px;
    padding: 10px 20px;
    border-top: 1px solid #f2f2f2;
    font-size: 12px;
    color: #8a94ac;
}

.post .post-tags .label-default {
    color: #777398;
    background-color: #f5f7fb;
    font-weight: normal;
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {
    .post .post-tags {
        display: none;
    }

    .post .post-body blockquote {
        margin: 0 -15px;
        padding: 10px 15px;
    }
}

.comments {
    padding-bottom: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
}

.comments .comment-title {
    padding: 10px 20px;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 10px 15px -10px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, .05)
}

.comments .comment-title h3 {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.comments-form {
    padding: 20px;
}

@media only screen and (max-width: 767px) {
    .comments-form {
        padding: 15px;
    }
}

.comments-form .input-group-addon {
    background: none;
}

.comments-form .form-control {
    border: 1px solid #dde0e5;
    box-shadow: none;
}

.comments-form .form-control:focus {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}

.comments-form .form-control {
    border: 1px solid #dde0e5;
    box-shadow: none;
}

.comments-form .btn-default {
    color: #fff;
    background-color: #4682da;
    border-color: #4682da;
    transition: box-shadow 0.5s;
}

.comments-form .btn-default:hover {
    -webkit-box-shadow: 0 8px 25px -8px rgba(114, 139, 177, 1);
    box-shadow: 0 8px 25px -8px rgba(114, 139, 177, 1)
}

.comments-form .btn-default.focus,
.comments-form .btn-default:active {
    color: #fff;
    background-color: #1f74ff;
    border-color: #1f74ff;
    outline: none;
}

.comments-list {
    padding: 20px;
}

.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.comment-list .comments-form {
    padding: 0;
    margin-top: 10px;
}

.comment-inner {
    position: relative;
    padding: 10px;
    margin: 10px 0;
    margin-left: 60px;
    background: #f5f5f5;
    border: 1px dashed rgba(0, 0, 0, .1);
    border-radius: 6px;
}

.cancel-comment-reply {
    text-align: right;
}

.cancel-comment-reply a {
    font-size: 14px;
    color: #777398;
    transition: color 0.5s;
}

.cancel-comment-reply a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.comment-user a {
    color: #2c3e50;
    transition: color 0.5s;
}

.comment-user a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.comment-avatar {
    position: absolute;
    left: -60px;
    top: 0;
}

.comment-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.comment-meta {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}

.comment-author {
    background: #b0b6bc;
    border-radius: 20px;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    color: #ffffff;
}

.comment-author a {
    color: #ffffff;
}

.comment-author a:hover {
    text-decoration: none;
}

.comment-time {
    float: left;
    margin-left: 10px;
}

.comment-time a {
    font-size: 12px;
    color: #8a94ac;
    transition: color 0.5s;
}

.comment-time a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.comment-reply {
    float: left;
    margin-left: 10px;
}

.comment-reply a {
    font-size: 12px;
    color: #2c3e50;
    transition: color 0.5s;
}

.comment-reply a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.comment-content {
    font-size: 15px;
    line-height: 25px;
    margin-top: 10px;
}

.comment-content p {
    margin: 0;
}

.comment-child {
    margin-left: 48px;
}

.comment-disabled {
    padding: 20px;
    text-align: center;
}

.comment-disabled h3 {
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.side-tab {
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
}

.side-tab .nav {
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 10px 15px -10px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, .05)
}

.side-tab .nav>li {
    display: table-cell;
    width: 1%;
}

.side-tab .nav>li>a {
    padding: 15px;
    font-size: 16px;
    color: #04152c;
    transition: color 0.5s;
    text-align: center;
}

.side-tab .nav>li>a i {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    line-height: 0;
    font-size: 0;
}

.side-tab .nav>li>a:hover,
.side-tab .nav>li>a:focus {
    background: none;
    color: #2d72d9;
}

.side-tab .nav>li.active>a i {
    background: #2d72d9;
    -webkit-box-shadow: 0 0 8px 0 rgba(91, 60, 196, .4);
    box-shadow: 0 0 8px 0 rgba(91, 60, 196, .4);
}

.side-list {
    padding: 20px;
}

@media only screen and (max-width: 767px) {
    .side-list {
        padding: 15px;
    }
}

.side-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.side-list ul li {
    position: relative;
}

.side-list ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #2c3e50;
    padding-right: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: color 0.5s;
}

.side-list ul li a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.side-list ul li span {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #8a94ac;
    position: absolute;
    right: 0;
    top: 0;
}

.side-comments ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.side-comments ul li {
    position: relative;
    padding: 10px 0;
    padding-left: 50px;
    border-bottom: 1px solid #F2F2F2;
}

.side-comments ul li .avatar {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 100%;
}

.side-comments ul li .author .label {
    font-weight: normal;
    background: #EEEEEE;
    color: #666666;
    transition: background, color 0.5s;
}

.side-comments ul li .author .label:hover {
    background: #CCCCCC;
    color: #FFFFFF;
}

.side-comments ul li .author small {
    font-size: 12px;
    color: #999999;
    margin-left: 10px;
}

.side-comments ul li .excerpt {
    font-size: 14px;
    margin: 0;
    margin-top: 5px;
}

.sidebar .panel {
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
}

.sidebar .panel .panel-heading {
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 10px 15px -10px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, .05);
    padding: 10px 20px;
}

.sidebar .panel .panel-heading h5 {
    height: 30px;
    line-height: 30px;
    color: #04152c;
    font-weight: normal;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.sidebar .panel .panel-body {
    padding: 10px 20px;
}

.rank-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rank-list ul li {
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rank-list ul li em {
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #666666;
    font-style: static;
    position: absolute;
    left: 0;
    top: 0;
}

.rank-list ul li:nth-child(1) em {
    color: #ff0000;
}

.near-list {
    overflow: hidden;
    margin: -10px 0;
}

.near-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.near-list ul li {
    padding: 0 20px;
}

.near-list ul li.pre {
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.near-list ul li.next {
    padding-top: 20px;
}

.near-list ul li p {
    text-align: center;
}

.near-list ul li.pre p {
    margin-bottom: 10px;
}

.near-list ul li.next p {
    margin: 0;
    margin-top: 10px;
}

.near-list ul li p .label-default {
    font-weight: normal;
    color: #777398;
    background-color: #f5f7fb;
}

.near-list ul li.pre p .label-default {
    border-radius: 0 0 .25em .25em;
}

.near-list ul li.next p .label-default {
    border-radius: .25em .25em 0 0;
}

.near-list ul li a,
.near-list ul li strong {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    text-align: center;
    transition: color 0.5s;
}

.near-list ul li strong {
    font-weight: normal;
}

.near-list ul li a:hover {
    color: #2d72d9;
    text-decoration: none;
}

.tags-list .label-default {
    display: inline-block;
    font-weight: normal;
    color: #777398;
    background-color: #f5f7fb;
    margin: 0 8px 8px 0;
}

.error-box {
    background: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
}

.download {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    padding: 20px;
}

.download .downbtn em {
    font-style: normal;
    margin-left: 10px;
}

.download .notice {
    text-align: center;
}

.download .notice p {
    margin: 0;
    padding: 5px 0;
    color: #a94442;
}

.related_post ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.related_post ul li {
    position: relative;
}

.related_post ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #2c3e50;
    padding-right: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: color 0.5s;
}

.related_post ul li a:hover {
    text-decoration: none;
    color: #2d72d9;
}

.related_post ul li span {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #8a94ac;
    position: absolute;
    right: 0;
    top: 0;
}

.grid .thumb {
    margin-bottom: 20px;
}

.grid .thumb .inner {
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .05);
}

.grid .thumb .thumb-pic {
    border-bottom: 1px solid #f2f2f2;
}

.grid .thumb .thumb-pic img {
    width: 100%;
    border-radius: 6px 6px 0 0;
}

.grid .thumb .thumb-tags {
    padding: 10px 10px 5px;
}

.grid .thumb .thumb-tags .label-default {
    display: inline-block;
    font-weight: normal;
    color: #777398;
    background-color: #f5f7fb;
    margin: 0 5px 5px 0;
}

.timeline .al_mon_list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.timeline .al_mon_list:before {
    background: #dadee4;
    content: "";
    height: 100%;
    left: 11px;
    position: absolute;
    top: 12px;
    width: 2px;
}

.timeline .al_mon_list>li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 40px;
}

.timeline .al_mon_list .al_mon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    background: #2d72d9;
    font-size: 10px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
}

.timeline .al_mon_list .al_post_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.timeline .al_mon_list .al_post_list li {
    padding: 5px 0;
}

.timeline .al_mon_list .al_post_list li .label-default {
    display: inline-block;
    font-weight: normal;
    color: #777398;
    background-color: #f5f7fb;
    margin-right: 5px;
}

.timeline .al_mon_list .al_post_list li .nums {
    font-size: 12px;
    color: #8a94ac;
    margin-left: 10px;
}