.czkj-container {
    width: 1200px;
    margin-bottom: 40px;
}

.czkj-content {
    padding-top: 0;
}

.czkj-container img {
    vertical-align: middle;
}

.czkj-container div, .czkj-container textarea {
    box-sizing: border-box !important;
}

.czkj-chat-title, .czkj-robot-email, .czkj-question-title {
    background-color: #fff;
}

.czkj-chat-title {
    border-bottom: 1px solid #dcdbdb;
}

#czkj-question {
    margin-top: 0;
    height: 100%;
}

.czkj-chat-left, .czkj-robot-email, #czkj-question {
    border: 1px solid #dcdbdb;
}

.czkj-question-title {
    border-bottom: 1px solid #dcdbdb;
    height: 63px;
    line-height: 63px;
}

.czkj-question-ul li{
    padding: 12px 16px;
}

.czkj-question-ul .czkj-question-name{
    font-size: 16px;
    cursor: pointer;
}

.czkj-logo-name, .czkj-rules, .czkj-robot-email-right-title, .czkj-question-title {
    color: #404040;
}

.czkj-logo-name .czkj-top-name {
    font-size: 21px;
}

.czkj-caption {
    height: 40px;
    line-height: 40px;
}

.cqj_red_head-outer div {
    box-sizing: border-box;
}

.cqj_red_head-innerRight-search .cqj_red_head-innerRight-searchRight:nth-child(2) {
    float: left;
}

.cqj_red_head-innerRight-search .cqj_red_head-innerRight-searchRight:nth-child(3) {
    margin-left: 0;
}

@media screen and (max-width: 640px) {
    .czkj-container{
        margin: 0;
    }
    #chat{
        height: calc(100% - 50px);
    }

    .czkj-circle{
        top: 19px;
    }

    .czkj-file-href img{
        top: 0;
    }
    .mobile-body-top {
        background-color: #BD1A2D;
        margin-top: 15px;
    }

    .mobile-top-name img {
        display: none;
    }

    .czkj-container {
        width: 100%;
        margin-bottom: 0;
    }

    .czkj-chat-left {
        border: none;
    }
    html,body{
        height: 100%;
        overflow: hidden;
    }
    .sheader{
        display: none;
    }
    .footer{
        display: none;
    }
    .czkj-content-out{
        height: 100%;
    }
}