body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea {
    margin: 0;
    padding: 0
}
body{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 好评差评 */
.start_grade_content{
    width: 200px;
    overflow: hidden;
    margin: auto;
}
.feedbackContentList{
    width: 100%;
    margin-bottom: 10px;
}
.feedbackContentnav{
    background: #F7F7F7;
    border: 1px solid #C5C8CE;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 5px 3px 5px;
    color: #808695;
    font-weight: 400;
    margin-right: 6px;
    margin-bottom: 6px;
    float: left;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    line-height: 16px;
}
.feedbackContentnav:hover{
    background: #EAF4FC;
    border: 1px solid #AACFF7;
    color: #4A99EC;
}
.feedbackContentChange{
    background: #EAF4FC;
    border: 1px solid #AACFF7;
    color: #4A99EC;
}
.note-choose-check{
    width: 100%;
    border-radius: 5px;
    background: #fff;
    position: relative;
    border-top: 1px solid #eee;
    padding-top: 12px;
}
.note-choose-check .note-bad-btn {
    text-align: right;
    overflow: hidden;
    padding-top: 10px;
    border-top: 1px solid #eee;
    margin-top: 12px;
}
.note-choose-check .note-bad-btn input{
    display: block;
    outline: none;
    cursor: pointer;
    border: 0;
    background: #fff;
    margin: 0 auto;
    font-size: 12px;
    color: #4A99EC;
}
.note-choose-check .textarea-content textarea{
    height: 93px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #515A6E;
    padding: 10px;
    resize: none;
    margin-top: 6px;
    line-height: 16px;
}
.bw8_chat_content_font_narrow .bw8_good_negative{
    width: 100%;
}
.bw8_chat_content_font_narrow .bw8_good_negative .note-choose-check>.feedbackContentList{
    padding: 0px 8px;
}
.bw8_chat_content_font_narrow .bw8_good_negative .note-choose-check>.textarea-content{
    padding: 0px 8px;
}
.bw8_chat_content_font_narrow .bw8_good_negative .note-choose-check>.note-bad-btn {
    height: 36px;
}
.bw8_invitation_sessionTip {
    border: 1px solid #333;
    border-radius: 5px;
    line-height: 20px;
    background-color: #292727;
    color: #fff;
    padding: 6px 10px
}

.bw8_invitation_sessionDiv {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 25%;
    height: 25px;
    z-index: 1005
}
.start_left_good{
    cursor:pointer;
    width: 92px;
    height: 32px;
    border: 1px solid #e9eaec;
    border-radius: 5px;
    line-height: 30px;
    padding-left: 10px !important;
    box-sizing: border-box;
}
.reuser-good-font{
    color: rgba(74, 140, 246, 0.4);
    font-size: 12px;
    float: left;
    display: inline-block;
}
.reuser-good-icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-right: 10px;

}
.reuser-good-icon1{
    cursor:pointer;
    background: url(../image/good-nor-icon.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 6px;
}
.reuser-good-icon2{
    cursor:pointer;
    background: url(../image/reuser-nor-icon.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 8px;
}
.dhn_fr{
    float: right;
    padding-left: 5px;
}
.dhn_fl{
    float: left;
}
.bw8_chat_evaluate_question{
    margin-bottom: 28px;
}
.current .reuser-good-icon1{
    background: url(../image/good-cur-icon.png) no-repeat center;
    background-size: 100% 100%;
}
.current .reuser-good-icon2{
    background: url(../image/reuser-hover-icon.png) no-repeat center;
    background-size: 100% 100%;
}
.current{
    border-color:#487FF7;
}
.current .reuser-good-font{
    color:#487FF7;
}
.start_left_good li:hover{
    border-color: #99BFF5;
}
.start_left_good li:hover.reuser-good-icon1{
    background: url(https://res.bangwo8.com/osp2016/im/img/pc/reuser-cur-icon.png) no-repeat;

}
.start_left_good li:hover .reuser-good-icon2{
    background: url(../image/reuser-hover-icon.png) no-repeat;

}

.bw8_chat_container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bw8_robot_container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dhn_fl {
    float: left
}

.dhn_fr {
    float: right
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #bcbcbc;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) */
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #bcbcbc;
}

html, body {
    height: 100%;
    font-family: "Microsoft YaHei"
}

li {
    list-style: none
}

ol > li {
    list-style: decimal
}

img {
    border: 0
}

a {
    font-size: 12px;
    font-family: "Microsoft YaHei"
}

p {
    font-size: 12px;
    font-family: "Microsoft YaHei"
}

input {
    font-family: "Microsoft YaHei"
}

.bw8_chat_container_wide {
    width: 895px;
    height: 100%;
    /* margin: 0 auto; */
    border-radius: 0 0 5px 5px;
    position: relative;
    overflow: hidden;
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
}

.bw8_chat_container_narrow {
    width: 400px;
    height: 580px;
    /* margin: 0 auto; */
    border-radius: 0 0 5px 5px;
    position: relative;
    overflow: hidden;
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%,-50%);*/
}

.bw8_header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    background: #4A8CF6;
    width: 100%;
    padding: 9px 24px 9px 16px;
}

.bw8_chat_header_bkg {
    width: 30px;
    height: 30px;
    /* background: url(/osp2016/im/img/pc/header_bkg.png) no-repeat */
}

.bw8_logo_icon {
    height: 30px;
    width: 30px;
    background: url(../image/logo_icon.png) no-repeat;
    margin: auto;
    border-radius: 50%;
    background-size: 100% 100% !important;
}

.bw8_header_title {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-left: 9px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: SourceHanSansCN;
}
.bw8_chat_container_wide .bw8_header_title{
    width: 345px;
}
.bw8_icon_common {
    /*width: 65px;*/
    height: 16px;
    padding-top: 10px;
    cursor: pointer
}

.bw8_header_img_icon {
    display: inline-block;
    /* width: 20px;
    height: 16px; */
    float: left;
    margin-left: 15px;
}

.bw8_headr_icon1 {
    background: url(../image/bw_voice.png) no-repeat;
    width: 15px;
    height: 14px;
}

.bw8_voice_disabled {
    background: url(../image/bw_close_voice.png) no-repeat center;
    width: 15px;
    height: 14px;
    background-size: 100% 100%;
}

.bw8_headr_icon2 {
    background: url(../image/bw_little.png) no-repeat center;
    width: 15px;
    height: 14px;
}

.bw8_headr_icon3 {
    background: url(../image/bw_cloes.png) no-repeat center;
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    margin-top: 1px;
}
.bw8_chat_content_footet_wide {
    width: 67.6%;
    background: #fff;
    height: -moz-calc(100% - 48px);
    height: -webkit-calc(100% - 48px);
    height: calc(100% - 48px);
    /* box-shadow: #eaeaea 0 5px 10px; */
    position: relative
}

.bw8_chat_content_footet_narrow {
    width: 100%;
    background: #fff;
    height: -moz-calc(100% - 48px);
    height: -webkit-calc(100% - 48px);
    height: calc(100% - 48px);
    box-shadow: #eaeaea 0 5px 10px;
    position: relative
}

.bw8_chat_content {
    height: 70%;
    width: 100%;
    background: #f4f5f7;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 30px;
    border: 1px solid #DDDFE1;
    border-bottom: none;
    position: relative;
    padding-bottom: 45px;

}

.navigationMenuBox{
    width: 100%;
    height: 48px;
    position: absolute;
    left: 0;
    top: -48px;
    overflow: hidden;
    z-index:1;
}
.navigationMenuContent{
    padding-left: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 13px;

}
.navigationMenuSettings{
    width: 10000px;
    height: 48px;
    position: absolute;
    bottom: 1px;
    overflow: hidden;
    background-color: #F5F5F6;
    padding:9px 0 8px 0;
}
#bw8_ai_chat_id{
    margin-bottom:10px;
}
.navigationMenuSettings_btn{
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 15px;
    color: #041625;
    margin-right: 8px;
    float: left;
    cursor:pointer;
    line-height: 30px;
    padding: 0 18px;
    display: inline-block;
    text-align: center;
    text-decoration:none;
    font-size: 14px;
}
.navigationMenuSettings_btn:hover{
    border: 1px solid #b7d7fd;
    background: #e9f3ff;
    color: #4A99EC;
}
.navigationMenuSettings_btn:hover span{
    color: #2C8CFE;
}
.navigationMenuSettings_btn span{
    display: inline-block;
    font-size: 18px;
    transform:scale(0.5);
}
.navigationMenuArrow{
    width: 22px;
    height: 39px;
    position: absolute;
    background-color: #f4f5f7;
}
.navigationMenuArrow_right{
    right: 0;
    top: 2px;
}
.navigationMenuArrow_left{
    left: 0;
    top:-1px;
    display: none;
}
.navigationMenuRightArrow {
    width: 14px;
    height: 14px;
    background: url('../image/jiantou.png') no-repeat ;
    background-size: cover;
    float: left;
    margin: 15px 0 0 6px;
    cursor:pointer
}
.navigationMenuLeftArrow{
    width: 14px;
    height: 14px;
    background: url('../image/jiantou.png') no-repeat ;
    background-size: cover;
    transform: rotate(180deg);
    float: right;
    margin:18px 6px 0 0;
    cursor:pointer
}
.wrap{
    width: 100px;height: 37px;
    background-color: red;
    position: absolute;
    top: -37px;
    left: 0;

}
/*加载动画开始*/
.loading-container {
    padding: 5px 0;
    position: relative;
}

.loading-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 0 3px;
    background: #327eff;
    animation: loading 3s  infinite;
    float: left;
}

.dot1 {
    animation-delay: -1.5s;
}

.dot2 {
    animation-delay: -1s;
}

.dot3 {
    animation-delay: -0.5s;
}

.dot4 {
    animation-delay: 0s;
}

@keyframes loading {
    0% {
        opacity: 0.25;
    }
    50% {
        opacity:1;
    }

    100% {
        opacity: 0.25;
    }
}
/*加载动画结束*/
.bw8_chat_content_font {
    line-height: 20px;
    color: #333;
    padding: 10px 15px;
    margin-right: 26%;
    font-size: 12px;
    background: #fff;
    position: relative;
    margin-left: 76px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(15, 66, 76, .15);
    clear: both
}
#FAQList .bw8_chat_content_font_wide{
    color: #4F5260;
}
#FAQList .bw8_chat_gn_content{
    color: #4F5260;
}
.bw8_chat_content_font_wide {
    line-height: 22px;
    color: #081624;
    padding: 14px 13px !important;
    /* margin-right: 26%; */
    font-size: 14px;
    background: #fff;
    position: relative;
    margin-left: 60px;
    border-radius: 4px;
    /* box-shadow: 0 0 15px 0 rgb(15 66 76 / 15%); */
    clear: both;
    word-break: break-word;
    max-width: calc(100% - 25% - 82px);
    border: 1px solid #F3F4F6;
}
.bw8_chat_content_font_wide  p img{
    max-width: 100% !important;
}
.bw8_chat_content_font_wide  p,.bw8_chat_content_font_narrow p{
    font-size: 14px;
}
.bw8_chat_content_font_narrow {
    line-height: 22px;
    color: #081624;
    padding: 10px 15px;
    /* margin-right: 16%; */
    font-size: 14px;
    background: #fff;
    position: relative;
    margin-left: 60px;
    border-radius: 5px;
    /* box-shadow: 0 0 10px 0 rgba(15, 66, 76, .15); */
    clear: both;
    word-break: break-word;
    border: 1px solid #F3F4F6;
    max-width: calc(84% - 60px);
}

.bw8_chat_left_pc_top_arrow {
    position: absolute;
    top: 15px;
    margin-top: -5px;
    left: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #fff;
}
.bw8_ai_sel_content{
    margin:8px 0;
}
.ql-editor .bw8_ai_sel_content,.ql-editor .bw8_ai_sel_content li{
    padding-left: 0px !important;
}
.bw8_ai_sel_content li {
    color: ##006EFF;
    /* text-decoration: underline; */
    line-height: 24px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 22px;
}
.bw8_trigger_sel_content{
    margin:8px 0;
}
.bw8_trigger_sel_content li {
    color: ##006EFF;
    /* text-decoration: underline; */
    line-height: 24px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 22px;
}

.bw8_chat_answer {
    line-height: 20px;
    color: #fff;
    padding: 10px 15px;
    margin-left: 26%;
    font-size: 12px;
    background: #2c8cfe;
    position: relative;
    margin-right: 76px;
    border-radius: 5px;
    box-shadow: 0 0 15px #ccc
}
.bw8_chat_content_font_wide .file_upload_img,.bw8_pc_chat_content .file_upload_img
.bw8_ai_chat_content .file_upload_img{
    max-width: 100% !important;
    height: auto;
}
.bw8_chat_answer_wide {
    line-height: 18px;
    /* padding: 10px 15px; */
    padding: 14px 13px;
    /* margin-left: 26%; */
    color: #fff;
    font-size: 14px;
    background: #4A8CF6;
    position: relative;
    margin-right: 60px;
    border-radius: 4px;
    /* box-shadow: 0 0 15px #ccc; */
    max-width: calc(100% - 25% - 82px);
}

.bw8_chat_file_answer_wide {
    line-height: 20px;
    padding: 10px 15px;
    font-size: 12px;
    background: #fff;
    position: relative;
    margin-right: 60px;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    position: relative;
    margin-right: 60px;
    border-radius: 4px;
    max-width: calc(100% - 25% - 82px);
}
.bw8_chat_file_answer_wide .bw8_chat_left_top_arrow,.bw8_chat_file_answer_narrow .bw8_chat_left_top_arrow{
    border-left: 5px solid #fff;
}
.bw8_chat_answer_narrow {
    line-height: 20px;
    padding: 10px;
    margin-left: 16%;
    color: #fff;
    font-size: 14px;
    background: #4a8cf6;
    position: relative;
    margin-right: 60px;
    border-radius: 5px;
    /* box-shadow: 0 0 15px #ccc; */
    word-break: break-word;
    max-width: calc(100% - 16% - 60px);
}

.bw8_chat_file_answer_narrow {
    line-height: 20px;
    padding: 10px;
    margin-left: 16%;
    color: #333;
    font-size: 12px;
    background: #fff;
    position: relative;
    margin-right: 10px;
    border-radius: 5px;
    margin-right: 52px;
    max-width: calc(100% - 16% - 68px);
}

.bw8_chat_bottom_line {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px
}

.bw8_chat_question_title {
    padding-top: 10px
}

.bw8_chat_left_top_arrow {
    position: absolute;
    top: 15px;
    right: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #4a8cf6;
    margin-top: -6px
}
.bw8_chat_left_top_arrow_new {
    position: absolute;
    top: 15px;
    left: -6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #F5F5F5;
    margin-top: -6px
}

.bw8_gn_chat_icon {
    width: 20px;
    height: 20px;
    display: block;
    margin: auto
}

.bw8_chat_gn_content {
    padding: 15px 15px 10px 15px;
    word-break: break-all;
    /* min-width: 270px; */
}
/* ai生成 */
.llm-tip{
    position: absolute;
    left: 0;
    bottom: -28px;
    white-space:nowrap;
    display: block;
    border: 1px solid #f3f4f6;
    border-radius: 15px;
    padding:5px 10px;
    background: #fff;
    color: #7c7e8b;
    font-size: 11px;
    line-height: 1;
}
.bw8_chat_gn_content.bw8_chat_flush_faq{
    min-width: 270px;
    text-align: justify;
}
.bw8_chat_gn_content.bw8_chat_flush_faq *{
    word-break: break-word !important;
}
.bw8_chat_gn_content video,.bw8_chat_gn_content img{
    max-width: 100%;
    height: auto;
}
/*新版常见问题*/
.bw8_chat_gn_content_1{
    padding: 16px;
    word-break: break-all;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif；;
}
/*选项卡开始*/
.bw8_chat_gn_content_tabs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.bw8_chat_tabs_left {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    cursor: pointer;
    background: url(../image/bw8_chat_tabs_left.svg) no-repeat;
    background-size: 100% 100% ;
}
.bw8_chat_tabs_left_hover{
    background: url(../image/bw8_chat_tabs_left_hover.svg) no-repeat !important;
    background-size: 100% 100% !important;
}
.bw8_chat_tabs_right_hover {
    background: url(../image/bw8_chat_tabs_right_hover.svg) no-repeat !important;
    background-size: 100% 100% !important;
}
.bw8_chat_left_pc_top_wide{
    position: absolute;
    top: 20px;
    left: -8px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 12px solid #fff;
}
.bw8_chat_tabs_right {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
    float: right;
    background: url(../image/bw8_chat_tabs_right.svg) no-repeat;
    background-size: 100% 100%;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.navboxq{
    width: calc(100% - 36px);
    overflow: hidden;
    height: 28px;
    position: relative;
}
.navboxq_left_zhe{
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 100%);
    z-index: 10;
}
.navboxq_right_zhe{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 100%);
    z-index: 10;
}
.bw8_nav{
    white-space: nowrap;
    overflow: auto;
    width: 100%;
    font-size: 0px;
}
.bw8_nav::-webkit-scrollbar{display:none}
.bw8_nav li {
    padding-right: 4px;
    padding-left: 4px;
    display: inline-block;
    list-style: none;
}
.li_div{
    background: #F3F3F4;
    border-radius: 13px;
    padding: 7px 12px;
    height: 100%;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    cursor: pointer;
}
.bw8_nav .active .li_div{
    background: #E6F1FF;
    color: #006EFF;
    z-index: 1;
    position: sticky;
}
#bw8_nav_list .bw8_nav_list_div{
    width: 100%;
    height: 100%;
    display: none;
}
#bw8_nav_list .active{
    display: block;
}
/*选项卡结束*/
.bw8_chat_gn_content_title{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.75);
    line-height: 14px;
}
.bw8_ai_new_sel_content{
    margin: 0px 0px 20px 0px;
}
.bw8_ai_new_sel_content li{
    font-size: 14px;
    font-weight: 400;
    color: #006EFF;
    display: flex;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    width: 100%;
    line-height: 18px;
    margin-left: 0px;
    padding: 8px 0px 8px 16px;
}
.bw8_ai_new_sel_content>li:last-child {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.bw8_ai_new_sel_content li .bw8_ai_sel_content_nav_title{
    width: 100%;
    display: list-item;
    float: left;
    text-align: justify;
}
.bw8_ai_sel_icon{
    /*background: url("/osp2016/chat/img/h5/bw8_ai_sel_you.svg") no-repeat top;*/
    /*background-size: 12px;*/
    width: 8px;
    display: block;
    margin-top: 4px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 1;
}
.bw8_ai_sel_content_bottom{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,0.75);
    display: block;
    line-height: 18px;
    margin-bottom: 5px;
}
/*结束*/
.bw8_good_negative {
    height: auto;
    background: #f4f4f4;
    border-radius: 0 0 5px 5px;
    width: 270px;
}
.bw8_chat_container_wide .bw8_good_negative{
    width: 100%;
}
@media screen and (max-width: 390px) {
    .bw8_good_negative {
        width: 100%;
    }
    .bw8_chat_gn_content.bw8_chat_flush_faq{
        min-width: auto;
    }
    .bw8_chat_content_font_narrow{
        min-width: 160px;
    }
}
/* .bw8_good_negative ul {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
} */
.im-service-body .bw8_good_negative{
    width: 100%;
}
.im-service-body .bw8_chat_evaluate_border{
    width: 110px;
}
.im-service-body .bw8_chat_content_font_narrow img,.im-service-body .bw8_chat_answer_narrow img{
    max-width: 100% !important;
}
.im-service-body .skin_chat_evaluate_border{
    background: rgba(74,140,246,.1) !important;
    color: #4A8CF6 !important;
}
.im-service-body .bw8_chat_gn_content {
    min-width: initial;
}
.im-service-body .self_page_leave_msg_content .jump_link{
    background: #4a99ec;
}
.bw8_good_negative li {
    float: left;
    width: 50%;
    cursor: pointer;
    border-right: 1px solid #f3f4f6;
    height: 37px;
    text-align: center;
    line-height: 37px;
    border-top: 1px solid #f3f4f6;
    margin-top: 5px;
}
.bw8_ai_chat_content .bw8_chat_gn_content .bw8_good_negative  ul{
    padding-left:0px;
}
.bw8_ai_chat_content .bw8_chat_gn_content .bw8_good_negative li{ padding-left: 0px;}
.bw8_ai_chat_content .bw8_chat_gn_content .bw8_good_negative  ul  li::before{
    content:none;
}
/*.ql-editor .bw8_good_negative ul li:first-child{*/
/*    margin-left: -13px;*/
/*}*/
.bw8_good_negative li:last-child{
    border-right: none;
}
.bw8_chat_footer {
    padding: 15px 17px 18px 12px;
    height: 30%;
    position: relative;
    border: 1px solid #DDDFE1;
    background: #f4f5f7;
}

.bw8_chat_footer_title {
    height: 16px;
    font-size: 12px;
    color: #2c8cfe;
    text-align: right
}

.bw8_chat_footer_title a {
    color: #4A8CF6;
    text-decoration: none;
    font-size: 13px;
}
.bw8_oss_upload,.file_upload_img{
    vertical-align: middle;
}
.bw8_footer_icon {
    width: 18px;
    height: 20px;
    display: inline-block
}

.bw8_chat_import_icon {
    background: url(../image/chat_icon4.png) no-repeat center;
    /* position: absolute; */
    /* top: 24px; */
    /* left: 14px; */
    width: 13px;
    height: 13px;
    background-size: 100% 100%;
    margin-right: 10px;
    margin-top: 6px;
    display: none;
}

.bw8_footer_text_import {
    width: calc(100% - 43px);
    height:calc(100% - 53px);
    outline: 0;
    resize: none;
    font-size: 13px;
    border: 0;
    /* padding-left: 20px; */
    background: transparent;
    line-height: 22px;
    color: #4F5260;
    font-family: SourceHanSansCN;
}

.bw8_btn_send_btn {
    text-align: right
}

.bw8_btn_send_btn_input {
    color: #fff;
    font-size: 12px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    background: #bcbcbc;
    outline: 0;
    width: 62px;
    border: 0;
    border-radius: 5px
}

.bw8_btn_enabled {
    background: #2c8cfe;
    cursor: pointer
}

.bw8_chat_left_wide {
    width: 32.4%;
    height: -moz-calc(100% - 48px);
    height: -webkit-calc(100% - 48px);
    height: calc(100% - 48px);
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    box-shadow: #eaeaea 0 5px 10px
}

.bw8_chat_left_wide img {
    width: 100%
}

.bw8_chat_left_narrow {
    display: none
}

.bw8_No_Online_title {
    padding: 0 22px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #081624;
    line-height: 22px;
    margin-top: 22px;
}
.bw8_No_Online_title.self_title{
    margin-top:0px;
}
.bw8_chat_opinion_content {
    border-radius: 4px;
    padding: 10px 14px;
    position: relative;
    /*width: 262px;*/
    height: 142px;
    background: #F9FAFC;
    border-radius: 4px;
    margin:14px 22px 0;
    box-sizing: border-box;
}

.bw8_chat_opinion_content .bw8_chat_import_icon {
    margin-top:4px;
}

.bw8_opinion_text_import {
    width: calc(100% - 27px);
    height: 100%;
    outline: 0;
    resize: none;
    color: #5b5d5f;
    font-size: 13px;
    border: 0;
    background: transparent;
    line-height: 20px;
    font-family: Microsoft YaHei;
}

.bw8_iphone_import {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    position: relative;
    border-radius: 4px;
    margin-top: 14px;
    padding-right: 5px;
    margin: 14px 22px 0;
    background: #F9FAFC;
    border: none;
}

.bw8_iphone_import input {
    border: 0;
    outline: 0;
    font-size: 13px;
    background: transparent;
    width: calc(100% - 30px);
    color: #ABABAB;
    margin-left: 5px;
}

.bw8_chat_mail {
    height: 19px;
    width: 19px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px
}
.bw8_chat_coin{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% 100%;
}
.bw8_chat_iphone_icon {
    background: url(../image/LMMobile.png) no-repeat center;

}
.bw8_chat_email{
    background: url(../image/LMEmail.png) no-repeat center;
}
.bw8_chat_name {
    background: url(../image/LMName.png) no-repeat center;
}
.bw8_chat_country {
    background: url(../image/LMCountry.png) no-repeat center;
}
.bw8_chat_city {
    background: url(../image/LMCity.png) no-repeat center;
}
.bw8_submit_btn {
    height: 38px;
    margin-top: 48px;
    text-align: center;
    /* margin-bottom: 19px */
}
.bw8_submit_btn.self_msg_submit_btn{
    position: absolute;
    width: 100%;
    margin-top: 10px;
}
.bw8_chat_leave_message_submit {
    display: block;
    height: 38px;
    line-height: 38px;
    border: 0;
    outline: 0;
    background: #4A8CF6;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    width: 132px;
    margin: auto;
    cursor: pointer
}

.bw8_message_close_icon {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: url(../image/message_close.png) no-repeat center;
    background-size: 100% 100%;
    padding-left: 0;
}

/* .bw8_message_close_icon:hover {
    background: url(/osp2016/chat/img/pc/message_close_hover.png) no-repeat
} */

.bw8_ai_chat_content {
    padding: 5px 0;
    position: relative;
}
.bw8_ai_chat_content::after{
    content: "";
    display: table;
    clear: both;
}
.clientele_chat_ai_icon {
    width: 36px;
    height: 36px;
    margin: 0 20px;
    background: #52a8e8;
    border-radius: 50px;
    box-shadow: 0 0 10px #007aff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px
}

.clientele_chat_ai_icon_narrow {
    width: 35px;
    height: 35px;
    margin: 0 12px;
    border-radius: 50px;
    position: absolute;
    left: 0;
}

#FAQList .clientele_chat_ai_icon_wide{
    top: 6px;
}
#FAQList .bw8_chat_content_font_wide{
    color: #4F5260;
}
.clientele_chat_ai_icon_wide {
    width: 35px;
    height: 35px;
    margin: 0 12px;
    /* background: #52a8e8; */
    border-radius: 50px;
    /* box-shadow: 0 0 10px #007aff; */
    position: absolute;
    left: 0;
    top:27px;
    /* top: 50%;
    margin-top: -9px */
}

.chat_ai_icon {
    height: 35px !important;
    width: 35px !important;
    background: url(../image/ai_icon.png) no-repeat
}

.chat_pc_icon {
    height: 36px;
    width: 36px;
    background: url(../image/pc_icon.png) no-repeat
}

.chat_person_icon {
    width: 35px;
    height: 35px;
    background: url(../image/person_icon-a2a5afd2.png) no-repeat center;
    background-size:100% 100% ;
}

.bw8_pc_chat_content {
    overflow: hidden;
    position: relative;
    padding: 5px 0;
}

.bw8_file_chat_content {
    overflow: hidden;
    position: relative;
    padding: 5px
}

.clientele-chat-pc-icon, .clientele-chat-person-icon {
    width: 36px;
    height: 36px;
    margin: 0 20px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 0 10px #ccc;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px
}

.clientele-chat-pc-icon_wide, .clientele-chat-person-icon {
    width: 35px;
    height: 35px;
    margin: 0 12px;
    position: absolute;
    right: 0;
    top: 26px;
}

.clientele-chat-file-icon_wide {
    width: 35px;
    height: 35px;
    margin: 0 12px;
    position: absolute;
    right: 0;
    top: 31px;
}

.clientele-chat-pc-icon_narrow, .clientele-chat-person-icon {
    display: none
}

.clientele-chat-file-icon_narrow {
    display: block;
    float: right;
    width: 35px;
    height: 35px;
    margin: 0 9px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 30px;
}

.chat_time_ai_person {
    line-height: 25px;
    height: 25px;
    color: #7C7E8B;
    text-align: left;
    font-size: 12px;
    padding-left: 10px
}

.chat_time_ai_person_narrow {
    line-height: 18px;
    height: 18px;
    color: #7C7E8B;
    text-align: left;
    font-size: 12px;
    padding-left: 60px;
    margin-bottom: 4px;
}
.chat_time_ai_person_tip{
    padding: 14px 13px;
}
.chat_time_ai_person_wide {
    line-height: 18px;
    height: 18px;
    color: #7C7E8B;
    text-align: left;
    font-size: 12px;
    padding-left: 60px;
    margin-bottom: 4px;
}
.chat_time_ai_person_wide>span{
    margin-left: 0 !important;
}
.chat_time_ai_person_wide>span:first-child{
    margin-right: 10px;
}
.chat_time_pc_person_narrow {
    padding-right: 60px;
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    color: #7C7E8B;
    text-align: right;
    margin-bottom: 4px;
}

.chat_time_file_person_narrow {
    line-height: 25px;
    height: 25px;
    color: #7C7E8B;
    text-align: right;
    padding-right: 60px;
    font-size: 12px
}

.chat_time_pc_person_wide {
    line-height: 18px;
    height: 18px;
    color: #7C7E8B;
    text-align: right;
    padding-right: 60px;
    font-size: 12px;
    margin-bottom: 4px;
}

.chat_time_file_person_wide {
    line-height: 25px;
    height: 25px;
    color: #afafaf;
    text-align: right;
    padding-right: 76px;
    font-size: 12px
}

.chat_time_pc_person {
    line-height: 25px;
    height: 25px;
    color: #afafaf;
    text-align: right;
    padding-right: 76px;
    font-size: 12px
}

.bw8_No_Online_content {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1004;
    background: rgba(0,0,0,0.2);
}
/*多客服会话*/
.bw8_invitation_session{
    width: 318px;
    background: #FFFFFF;
    border: 1px solid #DCE0E9;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    border-radius: 4px;
    margin: auto;
    height: 198px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
}
.bw8_invitation_session_top{
    height: 30px;
    background: #F7F9FB;
    padding: 0px 12px;
    line-height: 30px;
}
.bw8_invitation_session_top_title{
    font-size: 13px;
    font-weight: 500;
    color: rgba(81,90,110,0.9);
}
.bw8_invitation_session_nav_title{
    font-size: 13px;
    font-weight: 400;
    color: #041625;
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    line-height: 13px;
}
.bw8_invitation_session_nav_link{
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #4A99EC;
    text-decoration: none;
    margin-bottom: 6px;
    display: block;
    cursor: pointer;
}
.invitation_session_password_set{
    display: none;
}
.passwords_setting_input{
    width: 220px;
    height: 32px;
    outline: none;
    background: #FFFFFF;
    border: 1px solid #DCE0E9;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #041625;
    padding-left: 5px;
}
.passwords_setting_input::-webkit-outer-spin-button,.passwords_setting_input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
.information_setting_change{
    background: #FFFFFF;
    border: 1px solid #4A99EC;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #4A99EC;
    padding: 8px 17px;
    cursor: pointer;
}
.invitation_session_copy-link{
    background: #FFFFFF;
    border: 1px solid #2C8CFE;
    border-radius: 4px;
    float: right;
    font-size: 13px;
    font-weight: 400;
    color: #4A99EC;
    text-align: center;
    padding: 8px 69px;
    cursor: pointer;
    display: flex;
}
.invitation_session_copy-link span{
    width: 16px;
    height: 16px;
    background: url("../image/copy_link.svg") no-repeat center;
    display: block;
    margin-right: 8px;
}
.open_icon{
    width: 30px;
    height: 16px;
    background: url("../image/switch_open.svg") no-repeat center;
    position: relative;
    top: 3px;
    vertical-align: middle;
    margin-left: 16px;
    cursor: pointer;
}
.close_icon{
    width: 30px;
    height: 16px;
    background: url("../image/switch_close.svg") no-repeat center;
    position: relative;
    top: 3px;
    vertical-align: middle;
    margin-left: 16px;
    cursor: pointer;
}
.bw8_invitation_session_nav{
    height: 140px;
    padding: 14px 18px;
}
.bw8_invitation_session_top .bw8_message_close_icon{
    margin-top: 10px;
}
/*多客服会话结束*/
.bw8_No_Online_content1 {
    width: 310px;
    background: #FFFFFF;
    box-shadow: 0px 0px 18px 0px rgb(12 6 10 / 8%);
    border-radius: 6px;
    margin: auto;
    height: 86%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bw8_No_Online_content1_box{
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-top: 18px;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.bw8_windows_bkg {
    background: transparent;
    opacity: .2;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1003
}

.bw8_chat_download {
    height: 110px;
    border: 1px solid #f6f6f6;
    border-radius: 3px;
    background: #fff;
}
.bw8_chat_content_font_wide .bw8_chat_download,.bw8_pc_chat_content .bw8_chat_download{
    width: 270px;
    height: 110px;
    border-radius: 3px;
    border: 1px solid #DDDFE1;
}
/* .bw8_chat_content_font_narrow .bw8_chat_download,.bw8_chat_file_answer_narrow .bw8_chat_download{
    width: 230px;
} */
.bw8_chat_dwd_left_narrow {
    width: 34px;
    height: 42px;
    float: left;
    background: url(../image/chat_file_icon.png) no-repeat;
    margin-right: 5px
}

.bw8_chat_dwd_left_wide {
    width: 34px;
    height: 42px;
    float: left;
    background: url(../image/chat_file_icon.png) no-repeat;
    margin-right: 15px
}

.bw8_chat_dwd_right_narrow {
    float: left;
    width: calc(100% - 39px)
}

.bw8_chat_dwd_right_wide {
    float: left;
    width: calc(100% - 49px)
}

.bw8_chat_name_right_narrow {
    float: left;
    width: 64%;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 24px
}

.bw8_chat_name_right_wide {
    float: left;
    width: 74%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    line-height: 24px
}

.bw8_file_size_wide {
    float: right;
    font-size: 14px;
    line-height: 24px;
    color: #b6b6b6
}

.bw8_file_size_p_wide {
    font-size: 14px;
    line-height: 24px;
    color: #b6b6b6;
    clear: both
}

.bw8_file_size_narrow {
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: #b6b6b6
}

.bw8_file_size_p_narrow {
    font-size: 12px;
    line-height: 24px;
    color: #b6b6b6;
    clear: both
}

.bw8_chat_line {
    width: 100%;
    height: 2px;
    background: #e4e4e4;
    position: relative;
    clear: both
}

.bw8_chat_line_bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    /* background: #7ab2fb; */
    width: 50%
}

.bw8_drop_down_header {
    width: 100%;
    height: 76px;
    padding: 12px;
    box-sizing: border-box
}

.bw8_drop_down_font_wide {
    float: right;
    color: #4A8CF6;
    font-size: 13px;
    margin-top: 10px;
    margin-right: 10px;
    text-decoration: none;
}

.bw8_drop_down_font_narrow {
    /* width: 45px; */
    height: 20px;
    float: right;
    color: #378cf9;
    font-size: 12px;
    line-height: 20px;
    margin-top: 6px;
    margin-right: 10px;
    text-decoration: none;
}

.bw8_drop_down_icon {
    height: 15px;
    width: 15px;
    background: url(../image/download_icon.png) no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
    display: none;
}

.bw8_chat_error {
    /*height: 20px;*/
    line-height: 20px;
    padding: 2px 10px;
    width: 90%;
    font-size: 12px;
    color: #6f6f6f;
    border-radius: 15px;
    /* background: #FFF; */
    margin: 10px auto;
    text-align: center
}
.bw8-chat-go-leave-message{
    color: #4A8CF6;
}
.bw8_chat_error2 {
    height: 45px;
    line-height: 20px;
    padding: 2px 10px;
    width: 90%;
    font-size: 12px;
    color: #6f6f6f;
    border-radius: 10px;
    background: #FFF;
    margin: 10px auto;
    text-align: center
}
.bw8_chat_error3 {
    height: 60px;
    line-height: 20px;
    padding: 2px 10px;
    width: 90%;
    font-size: 12px;
    color: #6f6f6f;
    border-radius: 10px;
    background: #FFF;
    margin: 10px auto;
    text-align: center
}
.bw8_error_icon {
    width: 15px;
    height: 15px;
    background: url(../image/do_close.png) no-repeat;
    display: inline-block;
    float: left;
    margin-right: 10px
}

.bw8_chat_shade_content {
    display: none;
    width: 180px;
    height: 22px;
    position: absolute;
    top: 40%;
    margin-left: -90px;
    left: 50%;
    z-index: 1003
}

.bw8_chat_loading {
    width: 22px;
    height: 22px;
    background: url(../image/loading-a00ef871.gif) no-repeat;
    float: left
}

.bw8_chat_loading_font {
    font-size: 12px;
    text-align: center;
    color: #424242
}

.bw8_chat_chat_win_mask {
    display: none;
    z-index: 1003
}

.bw8_chat_start_grade {
    margin: auto;
    width: 310px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: -1px 2px 10px 0px rgb(12 6 10 / 13%);
    height: 86%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.bw8_chat_start_grade_box{
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 17px 19px;
    box-sizing: border-box;
}
.bw8_chat_start_grade_top {
    height: 10px;
    width: 100%
}

.bw8_chat_close_icon {
    cursor: pointer;
    float: right;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../image/message_close.png) no-repeat center;
    background-size: 100% 100%;
}

/* .bw8_chat_close_icon:hover {
    background: url(/osp2016/chat/img/evaluate/close_hover_icon.png) no-repeat
} */

.bw8_chat_start_grade_title {
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #081624;
    margin:23px 0 30px;
    text-align: center;
}
.bw8_chat_start_content {
    text-align: center
}
.bw8_chat_scoreStar{
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.bw8_chat_start_result {
    font-size: 14px;
    color: #fbb816;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px
}

.bw8_chat_evaluate_border {
    float: left;
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    cursor: pointer;width: 123px;
    height: 34px;
    background: #F9FAFC;
    border-radius: 2px;
    color: #4F5260;
    line-height: 34px;
}

.bw8_chat_chat_comment_ul li:nth-child(even) {
    float: right;
}


.bw8_chat_chat_comment_ul {
    height: 88px
}

.bw8_chat_diy_evaluate_text {
    clear: both;
    height: 90px;
    width: 100%;
    height: 90px;
    background: #F9FAFC;
    border-radius: 2px;
    margin: 8px auto 10px;
}

.bw8_chat_diy_evaluate_text textarea {
    resize: none;
    width: 100%;
    height: 90px;
    border-radius: 2px;
    color: #4F5260;
    padding: 12px;
    background: #F9FAFC;
    font-size: 13px;
    font-family: SourceHanSansCN;
    border: none;
    outline: none;
    box-sizing: border-box;
}

.bw8_chat_footer_btn {
    height: 34px;
    margin: 16px 0;
    background: #F9FAFC;
    text-align: center;
    border-left: 1px solid #DDDFE1;
    border-right: 1px solid #DDDFE1;
}
.bw8_chat_start_grade .bw8_chat_footer_btn{
    border-left: none;
    border-right: none;
    background:transparent;
}

.bw8_chat_submit_btn {
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    width: 132px;
    background: #4A8CF6;
    outline: 0;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.bw8_chat_evaluate_content {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1004;
    background: rgba(0,0,0,0.2);
}

.bw8_chat_evaluateTip {
    border: 1px solid #333;
    border-radius: 5px;
    line-height: 20px;
    background-color: #292727;
    color: #fff;
    padding: 6px 10px
}

.bw8_chat_evaluateTipDiv {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    height: 25px;
    z-index: 1005
}

.bw8_skill_content {
    display: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    z-index: 1004;
    background: rgba(0,0,0,0.2);
}

.bw8_skill_content1 {
    margin: auto;
    position: relative;
    width: 310px;
    background: #FFFFFF;
    box-shadow: -1px 2px 10px 0px rgb(12 6 10 / 13%);
    border-radius: 6px;
    padding-top: 19px;
    height: 86%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding-bottom: 19px;
}

.bw8_message_close {
    height: 10px;
    clear: both;
    margin-right: 20px
}

.bw8_skill_group_close_icon {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: url(../image/message_close.png) no-repeat center;
    background-size: 100% 100%;
    padding-left: 0;
}

/* .bw8_skill_group_close_icon:hover {
    background: url(/osp2016/chat/img/pc/message_close_hover.png) no-repeat
} */

.bw8_skill_header_title {
    text-align: center;
    font-size: 14px;
    font-size: 14px;
    color: #081624;
    font-family: SourceHanSansCN;
    margin:23px 0 30px
}

.bw8_skill_middle_ul li {
    list-style: none;
    margin-bottom: 10px;
    width: 100%;
}

.bw8_skill_middle_ul li a {
    height: 36px;
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 36px;
    text-decoration: none;
    width: 100%;
    border-radius: 18px;
    color: #4F5260;
    background: #F9FAFC;
    border: 1px solid transparent;
}
.bw8_skill_middle_ul li a:hover{
    background: rgba(74,140,246,.1);
    color: #4A8CF6;
}
.bw8_chat_contianer .bw8_footer_text_import {
    height: 55px
}

.bw8_robot_contianer .bw8_footer_text_import {
    height: 55px
}

.bw8_chat_footer_title {
    margin-bottom: 8px
}

.bw8_chat_title_icon {
    /* width: 20px;
    height: 18px; */
    display: inline-block;
    float: left;
    cursor: pointer;
    margin-right: 13px;
}
.bw8-chat-update-question{
    cursor: pointer;
    margin-left: 5px;
    display: inline-block;
    width: 13px;
    height: 100%;
    background-size: 100%;
    font-size: 14px;
    color: #4A8CF6;
}
.bw8_chat_img_icon1 {
    display: none;
    background: url(../image/chat_icon1.svg) no-repeat center;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
}

.bw8_chat_img_icon5 {
    background: url(../image/chat_icon5.png) no-repeat
}

.bw8_chat_img_icon2 {
    /* margin: 0 5px; */
    background: url(../image/chat_icon2.svg) no-repeat center;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

.bw8_chat_img_icon3 {
    background: url(../image/chat_icon3.svg) no-repeat center;
    height: 18px;
    width: 18px;
    background-size: 100% 100%;
}
.bw8_chat_img_icon4 {
    display: none;
    background: url(../image/chat_close_remote.svg) no-repeat center;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

/* .bw8_chat_footer .bw8_chat_import_icon {
    top: 40px
} */

.user-input {
    word-wrap: break-word;
    word-break: break-word
}

.chat_send_fail {
    position: absolute;
    left: -57px;
    bottom: 0;
    color: #f3343d;
    font-size: 12px;
}

.chat_send_success {
    position: absolute;
    left: -41px;
    bottom: 0;
    color: #6f6f6f;
    font-size: 12px;
}

.bw8_chat_screen_shots {
    /* margin: 0 5px;  */
    background: url(../image/cut.svg) no-repeat center;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}
.bw8-chat-invitation-icon{
    background: url(../image/yaoqing-duoren.svg) no-repeat center;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    display: none;
}
.chat_qqface_format {
    word-break: break-word
}

.bw8_chat_history_notice {
    font-size: 12px;
    text-align: center;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    cursor: pointer;
    display: none;
    background: #fcfcfc;
    color: #666;
    border-left: 1px solid #DDDFE1;
    border-right: 1px solid #DDDFE1;
}

.bw8_history_notice {
    text-align: center
}

.bw8_chat_history_line {
    width: 25%;
    height: 1px;
    border-top: 1px solid #e7eaec;
    display: inline-block;
    margin-bottom: 5px
}

.bw8_chat_history_message {
    line-height: 15px;
    margin: auto;
    margin-bottom: 15px;
    color: #afafaf;
    text-align: center;
    font-size: 12px
}

.bw8_skill_middle_content {
    overflow: auto;
    height: calc(100% - 100px);
    box-shadow: none;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

.bw8_skill_btn_off {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -60px
}

.bw8_chat_leave_message_button_off {
    display: none;
    height: 32px;
    width: 120px;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 30px;
    background: #fff;
    border-radius: 4px;
    color: #ccc;
    outline: 0;
    cursor: pointer;
    margin: auto
}

.bw8_chat_pc_end {
    display: none
}

.click_download_install, .custom-start-remote {
    font-weight: bold
}

.click_start_remote_reply {
    font-weight: bold
}

#sina-emotion {
    z-index: 999;
    /* width: 309px; */
    padding: 10px;
    display: none;
    font-size: 12px;
    background: #fff;
    position: absolute;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
    left: 0
}

#sina-emotion .switch {
    float: right
}

#sina-emotion .prev, #sina-emotion .next {
    float: left;
    color: #555;
    width: 22px;
    height: 22px;
    font-size: 20px;
    margin-left: 5px;
    line-height: 22px;
    text-align: center;
    background: #f8f8f8;
    text-decoration: none
}

#sina-emotion .item {
    float: left;
    list-style: none
}

#sina-emotion .categories, #sina-emotion .faces, #sina-emotion .pages {
    margin: 0;
    padding: 0;
    overflow: hidden;
    _zoom: 1
}

#sina-emotion .category {
    float: left;
    color: #0a8cd2;
    cursor: pointer;
    padding: 0 8px;
    line-height: 22px;
    border-radius: 4px;
    white-space: nowrap
}

#sina-emotion .category:hover {
    text-decoration: underline
}

#sina-emotion .categories .current, #sina-emotion .categories .current:hover {
    color: #333;
    cursor: default;
    background: #e6e6e6;
    text-decoration: none
}

#sina-emotion .faces {
    width: 300px;
    padding: 11px 0 0 1px
}

#sina-emotion .face {
    z-index: 1;
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
    overflow: hidden;
    padding: 4px 2px;
    position: relative;
    text-align: center;
    margin: -1px 0 0 -1px;
    border: 1px solid #e8e8e8;
    _display: inline
}

#sina-emotion .face:hover {
    z-index: 2;
    border: 1px solid #0095cd
}

#sina-emotion .pages {
    float: right;
    margin-top: 8px
}

#sina-emotion .page {
    float: left;
    height: 22px;
    padding: 0 8px;
    color: #0a8cd2;
    margin-left: 5px;
    line-height: 22px;
    border-radius: 1px;
    background: #f2f2f2;
    text-decoration: none
}

#sina-emotion .pages .current {
    color: #333;
    cursor: default;
    background: #fff
}

.sina-emotion {
    border: 0;
    width: 22px;
    height: 22px;
    vertical-align: text-bottom
}

.bw8_chat_screenshot {
    display: none;
    z-index: 999;
    padding: 10px 13px;
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    top: -106px;
    background: #fff;
    position: absolute;
    left: 0
}

.bw8_chat_screenshot_img img {
    width: 100%
}

.bw8_chat_screenshot_img img {
    width: 80px;
    height: 80px;
    border: 1px solid #dedede
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.bw8_chat_screenshot_btn {
    padding-top: 25px
}

.bw8_chat_screenshot_btn input {
    font-size: 12px;
    text-align: center;
    border: 1px solid #2c8cfe;
    border-radius: 2px;
    outline: 0;
    line-height: 30px;
    padding: 0 19px;
    cursor: pointer;
}

.bw8_chat_screenshot_btn .bw8_off_btn {
    color: #2c8cfe;
    margin-right: 10px;
    background: #fff
}

.bw8_chat_screenshot_btn .bw8_yes_btn {
    color: #fff;
    background: #2c8cfe
}

.ctrl_v_plug_ins {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.chat_all_font {
    width: 100% !important;
    max-height: 282px;
    overflow: hidden;
    /* padding: 13px 16px; */
    border: 1px solid #eee;
    background: #fff;
    bottom: 100% !important;
    left: 0 !important;
    top: auto !important;
}

.chat_all_font ul li {
    height: 28px;
    font-size: 13px;
    line-height: 28px;
    list-style: none;
    /* padding: 13px 16px; */
    padding: 0 16px;
    /* border-radius: 2px; */
    color: #081624;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat_all_font ul li:hover {
    background: #F0F1F4
}

.chat_all_font ul li span {
    color: #f00
}

.chat_all_font ul li em {
    color: #4A8CF6;
    font-style: inherit;
}

.bw8_chat_middle_img_news {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99;
}
.chat_img_news{
    width: 68px;
    height: 68px;
    margin: auto;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    top: 50%;
    margin-top: -34px;
    cursor: pointer;
}

/*ads*/
#bw8-ads{
    padding:10px;
}
#bw8-ads p{
    line-height: 30px;
}
/*remote style-start*/
.chat_two_btn{
    padding: 10px;
    overflow: hidden;
    width: 170px;
    margin: auto;
}
.reject_btn,.accept_btn{
    height: 29px;
    width: 63px;
    border-radius:6px ;
    color: #fff;
    font-size: 12px;
    padding: 7px;
    line-height: 14px;
}
.reject_btn_no,.accept_btn_no{
    height: 29px;
    width: 63px;
    border-radius:6px ;
    color: #fff;
    font-size: 12px;
    padding: 7px;
    line-height: 14px;
}
.reject_btn{
    background: #ea5c55;
}
.reject_btn_no{
    background: #bcbcbc;
}
.accept_btn{
    background: #3bd1af;

}
.accept_btn_no{
    background: #bcbcbc;

}
.chat_two_btn_icon{
    height: 14px;
    width: 16px;
    display: inline-block;
    float: left;

}
.reject_btn_icon{
    background: url(../image/reject_btn_icon.png) no-repeat;
    margin-right: 6px;
}
.accept_btn_icon{
    background: url(../image/accept_btn_icon.png) no-repeat;
    margin-right:5px;
}
.bw8-remote-agree {
    cursor: pointer;
}
.bw8-remote-reject {
    cursor: pointer;
}
/*remote style-end*/

/*feedback*/
.good-bad-check{
    width: 100%;
    border-radius:5px;
    background: #fff;
    padding:12px;
    position: relative;
}
.note-p{
    font-size: 12px;
    font-family: sans-serif;
    color: #7f7f7f;
    line-height:20px;
    padding-left: 20px;
}
.flower-icon{
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url(../image/flower-icon.jpg) no-repeat;
    position: absolute;
    left: 14px;
    top: 15px;
}
.radio-content-text input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 0.8em;
    height: 0.8em;
    margin-right: .4em;
    border-radius: 50%;
    border: 2px solid #ccc;
    text-indent: .15em;
    line-height: 1;
}
.radio-content-text input[type="radio"]:checked + label::before {
    background-color: #fff;
    background-clip: content-box;
    border-color:#5798F5;
}
.radio-content-text input[type="radio"] {
    position: absolute;
    /* clip: rect(0, 0, 0, 0); */
    top: 5px;
    left:  1px;
    z-index:  999;
    opacity: 0;
}
.radio-content-text label{
    font-family: sans-serif;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 22px;
}
.radio-content-text{
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}
.reason-item{
    margin-bottom: 4px;
    overflow: hidden;
    height: 22px;
    position:  relative;
}
/*feedback*/
.textarea-content textarea{
    width: 100%;
    resize: none;
    height: 60px;
    padding: 7px;
    font-size: 12px;
    border: 1px solid #dfdfdf;
    outline: none;
    margin-top: 5px;
    border-radius: 2px;
}
.good-bad-btn{
    text-align: right;
    overflow: hidden;
    padding-top: 10px;
}
.good-bad-btn input{
    height: 30px;
    width: 76px;
    text-align: center;
    color: #fff;
    border-radius:5px;
    display: block;
    background: #5798f5;
    border:1px solid #5798F5;
    outline:none;
    float: right;
    cursor: pointer;
}
#smartdiv{
    width: 100%;
}
#smartdiv .SearchView{
    width: 100%;
    position: relative;
}
.SearchView .SearchView-input{
    width: 100%;
    height: 28px;
    border: 1px solid #cbd5dd;
    padding-right: 28px;
    border-radius: 2px;
    padding-left: 10px;

}
.SearchView-icon{
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(https://res.bangwo8.com/osp2016/im/css/pc/magnifying-glass-icon.png) no-repeat;
    position: absolute;
    top: 7px;
    right: 15px;
}

.next-chat-font{
    line-height:  30px;
    color:  #333;
    padding-left:  15px;
    word-break: break-word;
}
/*add outline shadow*/
#bw8_while_container{
    box-shadow:0 0 20px rgb(204 204 204 / 40%)
}
.submit-res{
    text-indent:15px;
}
.bw8_chat_leave_notice {
    font-size: 12px;
    text-align: center;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    cursor: pointer;
    display: none;
    background: #fcfcfc;
    color: #666
}
.bw8_chat_leave_notice img {
    display: inline-block;
    vertical-align: middle;
}
.bw8_chat_leave_notice span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    color: #fb7474;
    font-size: 14px;
    text-decoration: underline;
}
.bw8_good_negative ul{
    height: 46px;
    background: #fff;
}
.bw8_good_negative ul p {
    height: 36px;
    border: 1px solid #f3f4f6;
    border-right: none;
    line-height: 36px;
}
.bw8_chat_content_font_wide .bw8_good_negative ul p{
    margin: auto;
    vertical-align: middle;
    display: inline-block;
    border: none;
    height: auto;
}
.bw8_good_negative ul p span {
    float: left;
    display: inline-block;
    line-height: 20px;
}

.bw8_good_negative ul p span.bw8_gn_chat_icon {
    margin-right: 5px;
    font-size: 20px;
    line-height: 1;
}

.bw8_good_negative .good-font ,.bw8_good_negative .negative-font{
    color: #2b8cfe;
    font-size: 14px;
    opacity: 0.6;
}

.bw8_good_negative li:hover .good-font,.bw8_good_negative li:hover .negative-font{
    opacity: 1;
}
.bw8_chat_good,.bw8_chat_negative {
    color: #2b8cfe;
    opacity: 0.6;
}

.bw8_good_negative li:hover .bw8_chat_good,.bw8_good_negative li:hover .bw8_chat_negative{
    opacity: 1;
}
.bw8_good_negative .bw8_good_negative_act .bw8_chat_good,
.bw8_good_negative .bw8_good_negative_act .bw8_chat_negative,
.bw8_good_negative .bw8_good_negative_act .good-font,
.bw8_good_negative .bw8_good_negative_act .negative-font{
    opacity: 1;
}

/* 卡片消息 */
.bw8_chat_card_wide{
    width: 360px;
    box-shadow: 0px 0px 5px 1px rgb(14 5 10 / 18%);
}
.bw8_chat_card_narrow{
    width: 220px;
}
.client-card-warp{
    padding:initial !important;
    box-shadow: 0px 1px 8px 0px rgba(14,5,10,0.15);
}
.client-card{
	width: 100%;
	background: #F5F5F5;
    padding:10px;
    text-align: justify;
    /* height: 86px; */
}
.client-card .client-card-img{
	width: 54px;
	height: 54px;
	border-radius: 3px;
    border:4px solid #E6E6E6;
    display: inline-block;
    vertical-align: middle;

}
.client-card .client-card-title_warp{
    margin-left: 13px;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    word-break: break-word;
}
.client-card .client-card-title{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 18px;

}
.bw8_chat_card_wide .client-card .client-card-title_warp{
    max-width: 255px;
}
.bw8_chat_card_narrow .client-card .client-card-title{
    max-width: 130px;
}
.client-card-content{
	width: 100%;
	padding:13px 13px 10px;
	font-size: 14px;
	line-height: 18px;
    color:#666;
    background: #fff;
}
.card_a{
    text-decoration: none;
}

/* 宽窄屏语音消息 */
.bw8_chat_qq_warp_pc{
    padding: initial !important;
}
.bw8_chat_qq_warp_pc .green-audio-player{
    margin-left: 0;
}
.bw8_chat_content_font_narrow .green-audio-player{
    width: 250px;
    min-width: 250px;

}
.bw8_chat_qq_warp_pc .green-audio-player .holder .play-pause-btn{
    top:-38px;
}
.bw8_chat_qq_warp_pc .green-audio-player .controls{
    margin-top:-78px;
}
.chat_remote_lang_btn{
    width: 195px;
}
.chat_remote_lang_btn .reject_btn_no,.chat_remote_lang_btn  .accept_btn_no,
.chat_remote_lang_btn .bw8-remote-reject,.chat_remote_lang_btn .bw8-remote-agree{
    width: 75px;
}
/* 窄屏 */
.bw8_chat_container_narrow .bw8_header{
    padding: 9px 14px;
}

.bw8_chat_container_narrow .bw8_chat_gn_content{
    padding: 14px 13px;
}
.bw8_chat_container_narrow .bw8_chat_footer{
    height: 135px;
}
.bw8_chat_container_narrow .bw8_chat_content{
    height: calc(100% - 135px) !important;
}
.bw8_chat_container_narrow .bw8_good_negative ul p{
    border-right: none;
    line-height: 36px;
    margin: auto;
    vertical-align: middle;
    display: inline-block;
    border: none;
    height: auto;
}
#bw8ChatFunc{
    float: left;
}
#bw8ChatFuncRobot{
    float: left;
}
.manualSwitch{
    position: absolute;
    cursor: pointer;
    left: 0;
    bottom: -28px;
    white-space:nowrap;
    display: block;
    border: 1px solid #f3f4f6;
    border-radius: 15px;
    padding:5px 10px;
    background: #fff;
    color: #4A8CF6;
    font-size: 12px;
    line-height: 1;
}
.bw8_chat_content_footet_narrow .clientele-chat-pc-icon_narrow{
    display: block;
    float: right;
    width: 35px;
    height: 35px;
    margin: 0 12px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 27px;
}

/*******************  im 自定义页面留言设置弹窗相关 ********************/
.bw8_No_Online_content .self_page_leave_msg_content{
    width: 100%;
    height: calc(100% - 10px);
    position: relative;
    text-align: center;
}

/*图片*/
.self_page_leave_msg_content .self_page_leave_msg_img{
    margin-top: 50px;
}
/*留言内容*/
.self_page_leave_msg_content .self_title{
    text-align: left;
    height: calc(100% - 200px);
    overflow: auto;
    margin-top: 10px;
}

/*留言按钮*/
.self_page_leave_msg_content .jump_link{
    width: 132px;
    height:38px;
    font-size: 14px;
    display: block;
    line-height:38px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    margin: 0 auto;
}

/*客户被踢下线 开始*/
#bw8ChatFoot .resource_conflict_tips{
    display: none;
    position: absolute;
    top:32%;
    left:40%;
    align-items: center;
    flex-direction:column
}

#bw8ChatFoot .resource_conflict_tips:hover {
    cursor: pointer
}

#bw8ChatFoot .resource_conflict_tips img{
    width:30px;
    height: 30px
}
#bw8ChatFoot .resource_conflict_tips .resource_conflict_words{
    font-size: 12px;
    margin-top:10px;
    color: #6f6f6f
}
/*客户被踢下线 结束*/

/* 询前表单卡片的样式 */
.bw8_chat_file_answer_wide.bw8_chat_ask_form_warp,.bw8_chat_file_answer_narrow.bw8_chat_ask_form_warp{
    width:285px;
    float: right;
    padding:0;
}
/*客户端客服卡片样式*/
.bw8_ai_chat_content .bw8_chat_file_answer_wide.bw8_chat_ask_form_warp{
    float: left;
    margin-left: 60px;
}
.bw8_chat_file_answer_narrow.bw8_chat_ask_form_warp{
    margin-left: 19%;
}
.bw8_chat_ask_form_warp .bw8_chat_ask_form{
    padding:15px 17px;
    color:#515A6E;
    font-size: 14px;
    height: 70px;
    border-bottom: 1px solid #F3F4F6;
}
.bw8_chat_ask_form .bw8_chat_ask_content_star{
    font-weight: 600;
}
.bw8_chat_ask_form_warp .bw8_chat_ask_form_img{
    width:28px;
    height:28px;
    vertical-align: middle;
    margin-right: 14px;
    float: left;
    margin-top: 3px;
}
.bw8_chat_ask_form_warp .bw8_chat_ask_content{
    width: calc(100% - 43px);
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bw8_chat_ask_form_warp .ask_form_view_details_warp{
    width: 100%;
    padding: 9px 0;
    text-align: center;
}
.bw8_chat_ask_form_warp .ask_form_view_details_warp .ask_form_view_details{
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #4A8CF6;
    text-decoration: none;
}
#messagelistIframe{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    overflow: hidden;
    border: none;
}

.bw8_file_handle_line{
    height: 30px;
    line-height: 30px;
    text-align:center;
}
.bw8_file_handle_line .bw8_file_handle_preview{
    float: left;
    width: 50%;
    text-decoration: none;
    color: #4a99ec;
}
.bw8_file_handle_line .bw8_file_handle_download{
    float: left;
    width: 50%;
    text-decoration: none;
    border-left:1px solid #E8EAEC;
    color: #4a99ec;
}
.bw8_client_form{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1003;
    width: 100%;
    height: 100%;
}
.bw8_client_form_in{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 310px;
    height: 86%;
    box-shadow: -1px 2px 10px 0px rgb(12 6 10 / 13%);
    border-radius: 6px;
    background: #fff;
}
#bw8_client_form_frame{
    display: block;
    width: 100%;
    height: calc(100% - 50px);
    border: none;
}

.bw8_client_form_title_line{
    font-size: 16px;
    line-height: 49px;
    padding: 0 15px;
    height: 50px;
    border-bottom: 1px solid #dcdee2;
    background: #fff;
    color: #041625;
}
.bw8_client_form_close{
    float: right;
    height: 49px;
    width: 16px;
    background: url(../image/close_0.svg) no-repeat center;
    background-size: 16px;
    cursor:pointer;
}