.index_content {
            overflow-y: scroll;
        }

        .index_content h2 {
            text-align: center;
            font-family: "微软雅黑";
            font-family: "Consolas";
            font-family: "harlow solid";
            font-family: "Lucida Handwriting";
        }

        .index_comment .chat_frame div {
            height: 50px;
            width: 60%;
            border: solid black 1px;
            padding-left: 10px;
            line-height: 50px;
            margin-left: 20%;
            overflow: hidden;
            line-height: 50px;
            border-radius: 10px;
        }

        .index_comment .num {
            color: white;
            display: inline-block;
            width: 25px;
            height: 25px;
            background-color: black;
            margin-top: 13px;
            margin-right: 5px;
            border-radius: 50%;
            text-align: center;
            line-height: 25px;
        }

        .index_comment div:last-child {
            margin-bottom: 10px;
        }

        .index_comment .username {
            color: #409eff;
        }

        .index_comment .date {
            font-size: 12px;
            color: grey;
        }

        /* .index_comment .formTitle {} */

        .index_comment .head {
            display: inline-block;
            width: 300px;
        }

        .active {
            background-color: red !important;
        }

        .comment_button {
            margin-top: 5px;
            border: solid #343334 1px;
            border-radius: 10px;
            background-color: skyblue;
        }

        .comment_button:hover {
            border: solid #409eff 1px;
            background-color: #409eff;
            color: #fff;
        }

        .index_comment .cover {
            width: 100%;
            height: calc(100vh - 100px);
            transform: translateY(-20px);
            background-color: black;
            position: absolute;
            opacity: 0.3;
        }

        .index_comment .input {
            width: 60%;
            height: 300px;
            background-color: white;
            position: absolute;
            margin-left: calc(20% - 5px);
            border: solid gray 1px;
            border-radius: 15px;
            padding-left: 10px;
            padding-top: 20px;
            float: left;
            margin-top: calc(100vh/2 - 200px);
        }

        .index_comment textarea {
            width: 97%;
            margin-top: 10px;
            border-radius: 10px;

        }

        .quxiao {
            margin-top: 5px;
            margin-left: 50px;
            border: solid #343334 1px;
            border-radius: 10px;
            background-color: gray;
            transform: translateY(-27px);
        }

        .quxiao:hover {
            border: solid gray 1px;
            background-color: gray;
            color: #fff;
        }

        .hidden {
            display: none;
        }

        .delete {
            margin-top: 12px;
            border: solid #343334 1px;
            border-radius: 10px;
            background-color: #e74032;
            color: #fff;
        }

        .delete:hover {
            border: solid #e74032 1px;
            background-color: #fff;
            color: #e74032;
        }

        #delete_div {
            /* display: inline-block; */
            width: 50px;
            float: right;
            border-right: 0px;
            border-top: 0px;
            border-radius: 0px;
        }

        .overflow {
            overflow: hidden;
        }