.czkj-recommend-item, .czkj-question-msg, .czkj-resource-item, .czkj-resource-view-item-href, .czkj-file-href, .czkj-relevance-item, .czkj-select-res {
    color: #0f59a4;
}

.multi-chat.active, .czkj-no-item.active {
    border: 1px solid #5F93DC;
    background-color: #5F93DC;
}

.czkj-eval-btn.active, .czkj-mobile-common-title:before, .czkj-submit-no div, .question-radio i.active, .czkj-chat-input .czkj-enter-btn {
    background-color: #5F93DC;
}

.czkj-mobile-common-title{
    padding-left: 5px;
}

.czkj-mobile-common-title:before{
    background-color: #fff;
}

.czkj-chat-title {
    background-color: #0f59a4;
    color: #fff;
}

.czkj-hot-item{
    background: url('../img/pc-hot.svg') no-repeat;
    background-size:12px 12px;
    background-position: 22px 12px;
}

.czkj-history-list .czkj-hot-item{
    background: url('../img/pc-history.svg') no-repeat;
    background-size:12px 12px;
    background-position: 22px 12px;
}


.czkj-eval-btn {
    border: none;
    color: #333;
    top: 0;
}

.czkj-title-right {
    margin-right: 10px;
}

.czkj-my {
    background-color: #e4f2ff;
    color: #0d4e8c;
    border-radius: 20px;
    font-size: 14px;
    float: left;
    width: auto;
    margin: 18px auto;
    height: 28px;
    line-height: 28px;
    padding: 0px 10px;
    text-align: center;
    margin-left: 10px;
}

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

.czkj-recommend-item:before {
    background-color: #0f59a4;
}

.czkj-right-question-tile {
    color: #0f59a4 !important;
    line-height: 50px;
}

.czkj-view-more-li:before {
    border-color: #0f59a4 transparent transparent;
    display: none;
}

.czkj-view-more-li{
    background: url('../img/view-more-li.svg') no-repeat;
    background-size:10px 10px;
    background-position: 100% 8px;
    text-align: right;
    padding-right: 15px;
    color: #108ee9;
    border-top: none;
}

#czkj-chat .czkj-user{
    padding-right: 60px;
}

.czkj-user-avatar {
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    height: 40px;
}

.czkj-user-avatar img {
    width: 100%;
    height: 100%;
}

.czkj-user .czkj-msg {
    background-color: #5F93DC;
}

.czkj-logo-icon img {
    width: 40px;
    height: 40px;
    top: -2px;
}

.czkj-word-match{
    color: #fff;
}
.view-mattch{
    color: #8fec60;
}

.czkj-content-all{
    background: none;
}
.czkj-chat-body{
    box-shadow: none;
}
.czkj-chat-left,.czkj-common-list,.czkj-history-list{
    background-color: #fff;
}
.czkj-chat-right{
    /*background-color: #fff;*/
}

.czkj-chat-left{
    overflow: hidden;
}
.czkj-common-list{
    overflow: hidden;
}

#czkj-chat{
    background-color: #F4F6FE;
}

.hot-type{
    background-color: #F2F4FD;
}
.hot-type-item, .last-hot-type-item{
    background-color: #E0EDFC;
    color: #0F59A4;
}

.last-hot-type-item,.last-hot-type-item:hover{
    background: url('../img/hot-more.svg') no-repeat;
    padding-right: 15px;
    background-size: 10px 10px;
    background-position: 40px 6px;
    box-shadow: none;
    border: none;
}
.last-hot-type-item.put-way{
    background: url('../img/hot-put.svg') no-repeat;
    background-size: 10px 10px;
    background-position: 40px 6px;
}

.czkj-tags-item{
    box-shadow: none;
    background: #E0EDFC;
    color: #0F59A4;
}
.czkj-eval-btn.actived{
    background-color: #fff;
    color: #0F59A4;
}
.no-actived{
    background-color: #CCCCCC !important;
}
.czkj-recommend-title,.czkj-mobile-common-title{
    padding-left: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.czkj-text-title{
    font-weight: 700;
}
.czkj-recommend-title:before{
    background-color: #fff;
}

.czkj-resource-group{
    margin-top: 0;
}

.more-btn img{
    width: 64px;
}
.more-btn{
    /*padding-left: 18px;*/
}

.more-btn .more-button img{
    width: 64px;
    height: auto;
}

.more-btn .more-button.is-click img{
    width: 41px;
}

@media screen and (min-width: 641px) {
    .container {
        width: 1080px;
        margin: auto;
        position: relative;
    }

    .czkj-out-body {
        background: url("../img/bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        position: relative;
        height: 820px;
    }

    .czkj-container {
        width: 1080px;
    }
}

.czkj-bottom {
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 12px;
    width: 100%;
    line-height: 52px;
}

/*------- 头部------ */
.header {
    height: 65px;
}

.logo {
    padding-top: 14px;
}

.topbar {
    position: absolute;
    top: 25px;
    right: 0;
}

.topbar a {
    display: inline-block;
    font-size: 15px;
    line-height: 16px;
    margin-left: 15px;
    cursor: pointer;
}

.topbar a i {
    display: inline-block;
    padding-right: 3px;
}

.topbar a i img {
    vertical-align: -14%;
}

.unlogin {
    display: none;
}

.yeslogin {
    position: relative;
    display: none;
}

.yeslogin ul {
    top: 20px;
    left: 0px;
    position: absolute;
    display: none;
    width: 80px;
    background-image: url("http://103.66.33.40/static/images/outborder.png");
    padding-bottom: 2px;
    z-index: 111;
}

.yeslogin:hover ul {
    display: block;
}

.yeslogin ul li {
    float: none;
    line-height: 32px;
}

.yeslogin ul li a {
    color: #7B7B7B;
    font-size: 12px;
    cursor: pointer;
}

.usercenter {
    margin-top: 10px;
    border-bottom: 1px solid #F0F0F0;
}

.mobile {
    position: relative;
}

#ercode {
    position: absolute;
    bottom: -102px;
    left: -18px;
    background-color: #ffffff;
    width: 100px;
    height: 100px;
    z-index: 100;
}

#headdiv {
    display: none;
}

.czkj-history-list{
    display: none;
}

.czkj-chat-right{
    background-color: #fff;
}

/*.last-hot-type-item{*/
/*    display: none;*/
/*}*/


@media screen and (max-width: 640px) {
    .czkj-out-body {
        height: calc(100% - 45px);
    }

    .czkj-container {
        margin-left: 0;
    }

    #czkj-chat {
        background-color: #ecf1f4;
    }

    .czkj-help {
        margin: 11px auto;
        display: none;
    }

    .czkj-logo-icon {
        display: none;
    }

    .czkj-mobile-history{
        display: none;
    }

    .czkj-mobile-rules{
        display: block;
    }

    /*.czkj-user-btns {*/
    /*    display: none;*/
    /*}*/

    .topbar {
        display: none;
    }

    .header {
        display: none;
    }

    #headdiv {
        display: block;
    }
    .czkj-bottom{
        display: none;
    }
    .czkj-chat-body,.czkj-chat-left{
        border-radius: 0;
        overflow: inherit;
    }
    .czkj-chat-title{
        /*background-color: #114b91;*/
    }
    .czkj-logo-icon{
        display: block;
    }
}