.panel-heading {
            padding: 5px 15px;
            border-bottom: 1px solid transparent;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .panel-title {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 16px;
            color: inherit;
        }

        .panel-primary {
            border-color: #dcdcdc;
        }

            .panel-primary > .panel-heading {
                color: rgb(102, 102, 102);
                border-bottom: 1px solid #d4d4d4;
                border-color: #dcdcdc;
                background: linear-gradient(#fbfbfb, #f0f0f0);
                /*渐变 */
            }

        .news_right {
            margin-top: 15%;
        }

            .news_right .panel-body {
                border-bottom: 1px solid #d4d4d4;
            }

                .news_right .panel-body p a img {
                    width: 70%;
                    height: 50%;
                }

                .news_right .panel-body p {
                    text-align: center;
                }

        .news_total {
            margin-top: 20px;
        }


            .news_total ul li p {
                padding: 3px;
                color: #a0a0a0;
                border: 0px solid red;
            }

            .news_total ul {
                padding-left: 0px;
                border-bottom: 1px dotted #ccc;
            }

                .news_total ul li h5 {
                    margin: 12px 0px;
                    border: 0px solid red;
                }

            .news_total .glyphicon-user {
                float: right;
                padding: 2px 5px;
            }

            .news_total .glyphicon-eye {
                padding: 1px 3px 1px 3px;
            }

        @media screen and (max-width:768px) {
            .news_total {
                margin-top: 10px;
            }

                .news_total ul li h5 {
                    margin: 14px 0px;
                    width: 100%;
                    padding-right: 10px;
                    border: 0px solid red;
                }

                .news_total ul {
                    padding-bottom: 8px;
                    border-bottom: 1px dotted #ccc;
                }

            .news_right {
                margin-top: 5%;
            }

            .sidebar {
                display: none;
            }
        }

        /* ---------------------------- */

        .modal-dialog {
            width: 80%;
            margin: 5% auto;
            box-shadow: #798795 2px 2px 5px;
        }

        .modal-content {
            /* box-shadow: 0 10px 30px rgba(0,0,0,0.2); */
            /* background-color: #ece4f0; */
            /* background-color: #fff3da; */
            /* background-color: #ffffff; */
            /* background-color: #f0ebe4; */
            /*background-color: #e4f0e8;*/
            background-color: #e4edf0;
        }


        .title {
            text-align: center;
            border-bottom: 1px dotted #cccccc;
            margin-bottom: 15px;
            position: relative;
        }

            .title p span {
                color: #808080;
                padding: 10px 10px;
                font-size: 12px;
            }

        .content {
            padding: 20px 15px;
        }

            .content img {
                width: 80%;
                height: 90%;
                display: block;
                margin: 10px auto;
                border: 3px solid #fff;
                box-shadow: #798795 2px 2px 3px;
            }

        .post-date {
            background-color: #0a8fd0;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
            position: absolute;
            top: -26px;
            left: -30px;
            height: 60px;
            width: 60px;
            padding-top: