/* Page Layout */
.doc-html, .doc-body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.page-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    background-attachment: fixed;
}

.page-inner, .page-header, .page-body, .page-footer {
    position: relative;
    margin: 0 auto;
}

.page-grid {
    width: 100%;
    height: 100%;
    background: url(/design/content/images/grid-970.png) repeat;
    z-index: 0;
}
/* Page Z-index */
.page-inner {
    z-index: 20000;
}

.page-mask {
    z-index: 30000;
}

.page-footer {
    bottom: 0;
}

.page-header {
    top: 0;
    border: 0;
}
/* 页面默认宽度 /高度 重置时使用 !important 进行覆盖 */
.page-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
}

/* Floatbar */
.floatbar-code {
    width: 58px;
    height: 48px;
    background-color: rgba(55,188,155,.8);
    cursor: pointer;
}

    .floatbar-code .code-icon {
        height: 58px;
        line-height: 48px;
        text-align: center;
        color: rgba(255,255,255,.5);
        font-size: 32px;
    }

    .floatbar-code:hover {
    }

        .floatbar-code:hover .code-icon {
            background-color: rgba(255,255,255,.1);
            color: rgba(255,255,255,1);
        }

.transparent {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.content {
    height:300px;
    overflow:auto;
    cursor:default;
}   
    .content::-webkit-scrollbar {
        width: 3px;
        background-color: rgb(182, 214, 226);
    }
/* 滚动条的设置 */

    .content::-webkit-scrollbar-thumb {
        background-color: skyblue;
    }
.wrap {
    padding: 8px 8px 8px 12px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #dfe5eb;
    background: white;
    margin: 10px;
}

    .wrap .avatar {
        width: 30px;
        height: 30px;
        float: left
    }

    .wrap .aitext {
        color: #000;
        line-height: 30px;
        font-size: 18px;
        padding: 0 0 0 33px;
        word-break:break-all;
        word-wrap:break-word;
    }
    .footer {
        padding:10px;
    }
        .footer .aitag {
            border: 1px solid #29AF8E;
            font-size: 14px;
            padding: 4px 8px;
            border-radius: 6px;
            color: #29AF8E;
            float:left;
            margin:0 20px 0 0;
            position:relative;
            cursor:pointer;
        }
        .footer .aitooldesc {
            color: #29AF8E;
            font-size: 14px;
            color: #29AF8E;
            float: left;
            line-height:30px;
            margin: 0 20px 0 0;
        }
        .aiinput {
            clear: both;
            padding: 10px 0 0;
        }
            .aiinput .aiinputtext {
                width:750px;
                height:30px;
                border-radius:8px;
                line-height:30px;
                padding:0 10px;

            }
            .aiinput .aisendbtn {
                width: 80px;
                height: 30px;
                color: #fff;
                background: #29AF8E;
                border-radius:8px;
                text-align:center;
                font-size:16px;
                border:0;
                float:right;
            }
.aitag .aibutton {
    background:rgba(0,0,0,0);
    border:0;
}
.usetext {
    border: 1px solid #29AF8E;
    color: #29AF8E;
    font-size:14px;
    line-height:20px;
    padding: 4px 8px;
    float:right;
    border-radius:4px;
}
.textwrap {
    position:relative;
    
}
.textwrap .error {
    position:absolute;
    top: -40px;
    background:#f80c0c;
    color:#fff;
    padding:4px 8px;
    border-radius:4px;
    font-size:14px;

}
    .textwrap .error::after {
        content: ' ';
        position: absolute;
        border:8px solid rgba(0,0,0,.0);
        border-top: 8px solid #f80c0c;
        bottom:-12px;
        left:10px;
    }