@charset "UTF-8";

html,
body {
    padding: 0;
    margin: 0;
    height: -webkit-fill-available;
}

body {
    background: #f6fbfd;
    overflow: hidden;
    height: -webkit-fill-available;
    overflow-y: auto;
}

header {
    padding: 24px 45px;
}

.layui-layer-page .layui-layer-content {
    position: relative;
    overflow: hidden !important;
}
a {
    color: #2a83cf;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.clearfix:after {
    display: block;
    content: "";
    height: 0;
    font-size: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.robot-standard-question {
    position: relative;
    padding-left: 30px;
}

.robot-standard-question-title {
    position: absolute;
    left: 0;
    top: 0;
}

.robot-standard-question-text {
    display: inline-block;
    width: 100%;
}

.robot-standard-answer {
    position: relative;
    padding-left: 30px;
}

.robot-standard-answer-title {
    position: absolute;
    left: 0;
    top: 0;
}

.robot-standard-answer-text {
    width: 100%;
    word-break: break-all;
}

.robot-standard-answer-text img {
    max-width: 100%;
}

.aicc-chart-history-wrap {
    text-align: center;
    font-size: 14px;
    color: #999;
    vertical-align: middle;
    margin-right: 5px;
    display: none;
}

.aicc-history-chart-icon {
    display: inline-block;
    vertical-align: middle;
    /* background: url("../img/historyChartIcon.png") no-repeat 0 0;
    background-size: 18px 18px;*/
    width: 18px;
    height: 18px;
}

.aicc-history-chart-text {
    cursor: pointer;
}

.header-service-area {
    display: inline-block;
    margin-top: 15px;
    vertical-align: middle;
    margin-left: 10px;
    color: #2a83cf;
    font-size: 16px;
}

.header-area-icon {
    padding-right: 5px;
}

.aicc-area-solid-arrow {
    display: inline-block;
    /*background: url(../img/solidArrow.png) no-repeat 0 0;
    background-size: 15px 15px;*/
    width: 15px;
    height: 15px;
    margin-top: 2px;
    vertical-align: middle;
}

.unknown-change-area {
    font-size: 14px;
}

.unknown-change-area a {
    color: #2a83cf;
}

.fj-fast-nav {
    padding: 30px 0;
    margin: 0 0 0 18px;
    list-style-type: none;
    width: 156px;
    height: 430px;
    background: #bd1a2d;
    border-radius: 45px 0 78px 78px;
    /*animation: nav-ani 3s;*/
}

.fj-fast-nav-animation {
    animation: nav-ani 4s;
}


.fj-fast-nav li {
    text-align: center;
}

.fj-fast-nav li a {
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.fj-left-wrap {
    display: flex;
    justify-content: space-between;
    height: calc(100vh - 120px);
}

.fj-im-left-wrap {
    flex: 1;
    min-width: 0;
    /*height: calc(100vh - 120px);*/
}

.fj-left-con {
    flex: none;
    /*float: left;*/
    width: 205px;
    position: relative;
    height: 490px;
}

.fj-left-con .fj-cartoon {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 186px;
    height: 280px;
    background: url(../img/aicc-cartoons.gif) right top no-repeat;
    transform-origin: left bottom;
    background-size: contain;
}

.fj-left-con .fj-cartoon-animation {
    animation: cartoon-ani 4s;
}

@keyframes nav-ani {
    0% {
        transform: translateX(-180px);
    }

    70% {
        transform: translateX(-180px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes cartoon-ani {
    0% {
        transform: scale(1.5) translateY(100px);
    }

    70% {
        transform: scale(1.5) translateY(100px);
    }

    100% {
        transform: scale(1);
    }
}

.fj-im {
    height: 100vh;
    min-height: 100vh;
    display: flex;
    justify-content: space-between;
}

.fj-im-left {
    flex: 1;
    min-width: 0;
}

.fj-im-left header img {
    height: 54px;
    display: none;
}

.fj-im-left .fj-im-left-inner {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    /*padding-top: 106px;*/
    /*animation: fj-im-left-inner-ain 4s;*/
    overflow: hidden;
    /* float: left;*/
}

.fj-im-left .fj-im-left-inner-animation {
    animation: fj-im-left-inner-ain 4s;
}

.fj-im-left .fj-im-left-inner.fj-im-left-inner-hideScroll {
    overflow: hidden;
}

.fj-im-left .fj-im-left-inner.fj-im-left-inner-hideScroll .fj-im-list {
    margin-right: -20px;
    overflow-x: hidden;
    overflow-y: auto;
}

.fj-im-left .fj-im-list {
    height: calc(100% - 210px);
}

.fj-im-left .fj-im-list>div {
    border: 0;
}

.fj-im-left .fj-im-input-area {
    height: 210px;
}

.fj-im-input-wrapper {
    background: #fff;
    padding: 6px 20px 10px;
    border-radius: 0 0 30px 30px;
    box-shadow: 0px 2px 6px 0px #99999930;
    position: relative;
}

.fj-im-input-wrapper .ke-container-simple .ke-toolbar {
    /*height: 23px;*/
}

.enter-input-toolbar {
    position: absolute;
    left: 58px;
    top: 13px;
    height: 28px;
    width: 100px;
    /*  display: none;*/
}

.associated-words-wrap {
    position: absolute;
    left: 0px;
    bottom: 132px;
    width: 100%;
    z-index: 1000;
    box-shadow: 0px 0px 7px 0px #00000020;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
    opacity: 0.95;
}

.ai-suggest-scroll {
    width: 110%;
    background: rgba(255, 255, 255, 1);
    max-height: 150px;
    overflow-y: auto;
    border-radius: 30px 30px 0 0;
    display: none;
}

.ai-suggest-list {
    padding: 10px 20px;
}

.ai-suggest-list li {
    line-height: 28px;
    font-size: 14px;
    color: #858383;
    cursor: pointer;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ai-suggest-list li:hover {
    color: #2a83cf;
}

.leave-msg-icon {
    position: relative;
    background: url(../img/liuyan.png) no-repeat 0 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}

.evalation-wrap {
    position: relative;
    background: url(../img/evalation.png) no-repeat 0 0;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
}

.send-button-wrap {
    display: flex;
    justify-content: space-between;
}

.send-button-wrap .surplus-text {
    font-size: 12px;
    line-height: 36px;
    color: #999 !important;
}

.send-button-wrap .send-button {
    padding: 0 1.5em;
    background: #bd1a2d;
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    border-radius: 5px;
}

.send-button-wrap .send-button:hover {
    opacity: 0.6;
}

.send-button-wrap .send-button:focus {
    outline: none;
}

.hello-words {
    font-size: 18px;
    font-weight: 700;
    transform-origin: left;
    /*animation: hello-words-ani 4s linear;*/
}

.hello-words-animation {
    animation: hello-words-ani 4s linear;
}

@media screen and (max-width: 1366px) {
    .hello-words {
        font-size: 16px;
    }
}

.aicc-welcome-robot-item {
    margin-bottom: 30px;
}

.aicc-welcome-robot-item .aicc-chart-head {
    background-color: #f6fbfd;
    border-radius: 0;
}

.aicc-welcome-robot-item .chart-head-text {
    color: #f58e20;
    width: 200px;
}

.aicc-welcome-robot-item .aicc-chart-content-list {
    border: none;
    background-color: #f6fbfd;
    border-radius: 0;
}

.aicc-welcome-robot-item .fj-im-guss-ask-list {
    padding: 10px 16px 10px 20px;
    position: relative;
    padding-left: 340px;
    min-height: 180px;
}

.aicc-chart-item {
    margin-bottom: 10px;
}

.aicc-recommend-wrap {
    /*width: 70%;*/
    position: relative;
}

.aicc-chart-time {
    font-size: 14px;
    padding-left: 16px;
    color: #c9c9c9;
    margin-bottom: 5px;
}

.charting-name {
    margin-left: 5px;
}

.aicc-customer-msg-wrap .aicc-chart-time {
    text-align: right;
    padding-right: 15px;
}

.aicc-customer-msg-wrap {
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
}

.aicc-chart-text-content {
    /*flex: 1;*/
    width: 70%;
}

.aicc-chart-avatar {
    display: inline-block;
}

.aicc-avatar-img {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 9px;
    margin-left: 10px;
}

.aicc-robot-content-wrap {
    display: flex;
    justify-content: flex-start;
}

.aicc-robot-content-wrap .aicc-avatar-img {
    margin-left: 0;
    margin-right: 10px;
}

.chart-head-text {
    font-size: 16px;
}

@media screen and (max-width: 1366px) {
    .chart-head-text {
        font-size: 14px;
    }

    .aicc-chart-time {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .chart-head-text {
        font-size: 12px;
    }

    .aicc-chart-time {
        font-size: 12px;
    }
}

.aicc-chart-head {
    height: 45px;
    line-height: 45px;
    background-color: #e6f0f9;
    border-radius: 15px 15px 0 0;
}

.chart-head-text {
    padding-left: 20px;
    float: left;
    margin: 0;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
}

.fj-im-guss-ask .aicc-chart-head .aicc-welcome-reload {
    float: right;
    margin-right: 16px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
}

.fj-im-guss-ask .aicc-chart-head .aicc-welcome-reload:hover {
    color: #2a83cf;
}

.unknown-recommend-wrap .aicc-chart-head {
    position: relative;
    padding-right: 90px;
}

.unknown-recommend-wrap .unknown-relod-button {
    position: absolute;
    right: 17px;
    font-size: 14px;
}

.unknown-recommend-wrap .unknown-relod-button:hover {
    color: #2a83cf;
}

@media screen and (max-width: 1366px) {
    .fj-im-guss-ask .aicc-chart-head .aicc-welcome-reload {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-im-guss-ask .aicc-chart-head .aicc-welcome-reload {
        font-size: 12px;
    }
}

.aicc-chart-content-list {
    border: 1px solid #eaeaea;
    border-top: none;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
}

.fj-im-guss-ask-list {
    padding: 30px 16px 30px 20px;
}

.fj-im-guss-ask {
    width: 99%;
    margin: 1em 0 0;
    animation: msg-item-ani 0.5s;
}

.fj-im-guss-ask.fj-ani-up {
    animation: guss-ask-ani 0.5s;
}

.fj-im-guss-ask h4 {
    margin: 0;
    padding: 1em 0;
    font-size: 20px;
    color: #f58e20;
    font-weight: 400;
    overflow: hidden;
}

.fj-im-guss-ask h4>a {
    float: right;
    margin-right: 1.1em;
    color: #333;
    font-size: 16px;
    text-decoration: none;
}

.fj-im-guss-ask h4>a:hover {
    color: #2a83cf;
}


.fj-im-guss-ask .fj-im-guss-ask-content .aicc-welcome-image-wrap {
    /*width: 30%;
    float: left;*/
    /*margin-right: 35px;*/
    position: absolute;
    left: 0;
    /* top: 0;*/
}

.aicc-welcome-image-tablecell {
    height: 173px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.fj-im-guss-ask-content .aicc-welcome-image-wrap img {
    display: inline-block;
    width: 100%;
}

.fj-showtab-card-list {
    padding: 5px;
}

.fj-showtab-card-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 20px;
    margin-top: -5px;
}

.fj-recmmend-questions .fj-showtab-card-list li {
    display: inline-block;
    margin-right: 3em;
    cursor: pointer;
}

.fj-showtab-card-list li:hover {
    color: #2a83cf;
}

.fj-showtab-card-list li:hover::before {
    border-color: #2a83cf;
}

.fj-showtab-card-list li::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 4px;
    height: 4px;
    border: 4px solid #a4cbeb;
    border-radius: 50%;
}


.fj-recommend-list {
    float: left;
    width: 90%;
    overflow-y: auto;
    max-height: 190px;
}

.fj-recommend-list li {
    /*padding: 0.3em 0;*/
    /*padding-left: 5px;*/
}

.fj-recommend-list li .question-text {
    display: inline-block;
    max-width: 95%;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
}

.fj-recommend-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 20px;
    /*margin-top: -5px;*/
}

/*.fj-recommend-list li {
  padding: 0.3em 0;
  font-size: 16px;
  color: #333;
  line-height: 32px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}*/

.fj-recommend-list li a::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 4px;
    height: 4px;
    border: 4px solid #a4cbeb;
    border-radius: 50%;
}

.fj-recommend-list li:hover a {
    color: #2a83cf;
}

.fj-recommend-list li:hover a::before {
    border-color: #2a83cf;
}

@media screen and (max-width: 1366px) {
    .fj-recommend-list li {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-recommend-list li {
        font-size: 12px;
    }
}

.fj-recmmend-questions {
    padding: 5px 19px 10px;
}

.fj-recmmend-type {
    /*margin: 1em 0;*/
}

.fj-recmmend-type h4 {
    margin: 0;
    padding: 0.5em 0;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}

@media screen and (max-width: 1366px) {
    .fj-recmmend-type h4 {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-recmmend-type h4 {
        font-size: 14px;
    }
}

.fj-recmmend-type ul {
    margin: 0;
    padding: 10px 15px;
    list-style-type: none;
}

.fj-recmmend-type ul li {
    display: inline-block;
    padding: 0 15px;
    margin-right: 15px;
    font-size: 14px;
    color: #2a83cf;
    line-height: 30px;
    border-radius: 1.5em;
    background: #e6f0f9;
    cursor: pointer;
    margin-bottom: 10px;
}

.fj-recmmend-type ul li:hover {
    background: #2a83cf;
    color: #fff;
}

@media screen and (max-width: 1366px) {
    .fj-recmmend-type ul li {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-recmmend-type ul li {
        font-size: 12px;
    }
}

.fj-recmmend-service {
    /*margin: 1em 0;*/
    padding: 5px 19px 10px;
}

.agent-list-container {
    padding: 10px 19px 0px;
}

.fj-recmmend-service h4 {
    margin: 0;
    padding: 0.5em 0;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}

@media screen and (max-width: 1366px) {
    .fj-recmmend-service h4 {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-recmmend-service h4 {
        font-size: 14px;
    }
}

.fj-recmmend-service dl {
    margin: 0;
    padding: 0;
}

.fj-recmmend-service dl dt {
    margin: 0;
    padding: 10px 0 8px;
    font-size: 16px;
    color: #f58e20;
    font-weight: 400;
    overflow: hidden;
}

.recommond-outer-item h6 {
    margin: 0;
    padding: 10px 0 8px;
    font-size: 16px;
    color: #f58e20;
    font-weight: 400;
    overflow: hidden;
}

.recommond-list-outer {
    /*max-height: 150px;
    overflow: hidden;*/
}

.recommend-qa-affairs-more {
    color: #2a83cf;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    margin-top: 5px;
}

.recommend-qa-affairs-more .aiccIm {
    padding-left: 5px;
    font-size: 12px;
}

/* 事项推荐 */
.affairs-recommend-wrap {
    padding: 0 15px 10px;
}

.affairs-recommend-wrap dl>dt {
    font-size: 14px;
    font-weight: bold;
    color: #2a83cf;
    margin-bottom: 5px;
}

.affairs-recommend-wrap dl dd {
    position: relative;
    font-size: 14px;
    color: #333;
    /*line-height: 2em;*/
    cursor: pointer;
    padding: 0 80px 0 0;
    margin-bottom: 5px;
}

.affairs-recommend-wrap .affair-recommend-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}

.affairs-recommend-wrap dl dd:hover .affair-recommend-name {
    color: #2a83cf;
}

.affairs-recommend-wrap .go-to-handle {
    position: absolute;
    right: 0;
    top: 0;
    color: #2a83cf;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fj-recmmend-service dl .go-to-handle span {
    margin: 0 5px 0 10px;
}

/*.fj-recmmend-service dl dt > a {
float: right;
margin-right: 1em;
color: #333;
font-size: 16px;
text-decoration: none;
}*/

.fj-recmmend-service dl a:hover {
    color: #2a83cf;
}

.affaris-service-area {
    float: right;
    color: #2a83cf;
    margin-right: 1em;
    font-size: 14px;
    text-decoration: none;
}

.affaris-service-area .area-text {
    padding-right: 8px;
}

@media screen and (max-width: 1366px) {
    .recommond-outer-item h6 {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .recommond-outer-item h6 {
        font-size: 14px;
    }
}

.fj-recmmend-service dl dd {
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    cursor: pointer;
    padding: 0 80px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fj-recmmend-service dl dd.mobile {
    padding: 0;
}

.fj-recmmend-service dl dd a {
    color: #333;
    display: inline-block;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95%;
}

.fj-recmmend-service dl dd:hover a {
    color: #2a83cf;
    /*border-bottom: 1px solid #2a83cf;*/
}

.fj-recmmend-service dl dd:hover .go-handle {
    display: block;
}

.fj-recmmend-service dl dd .go-handle {
    /*display: none;*/
    position: absolute;
    right: 0;
    top: -1px;
    color: #2a83cf;
}

.fj-recmmend-service dl dd .go-handle>span {
    margin: 0 5px 0 10px;
}

.fj-recmmend-service .aisearch-content .aisearch-item,
.fj-recmmend-service .aisearchcontent .aisearchitem {
    line-height: 24px;
    font-size: 14px;
}

.fj-recmmend-service .aisearch-content .aisearch-item a,
.fj-recmmend-service .aisearchcontent .aisearchitem a {
    color: #333;
    display: inline-block;
    padding: 0 5px;
}

.fj-recmmend-service .aisearch-content .aisearch-item a:hover,
.fj-recmmend-service .aisearchcontent .aisearchitem a:hover {
    color: #2a83cf;
}

.fj-recmmend-service .aisearch-content .aisearch-item a font,
.fj-recmmend-service .aisearchcontent .aisearchitem a font {
    color: #333 !important;
}

.fj-recmmend-service .aisearch-content .aisearch-item a:hover font,
.fj-recmmend-service .aisearchcontent .aisearchitem a:hover font {
    color: #2a83cf !important;
}

.fj-aicc-content .aisearchcontent .aisearchitem font {
    color: #2a83cf !important;
}


@media screen and (max-width: 1366px) {
    .fj-recmmend-service dl dd {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-recmmend-service dl dd {
        font-size: 12px;
    }
}

.fj-recmmend-service-info {
    /*width: 70%;*/
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 15px;
    position: relative;
}

.fj-affarirs-tab-outer {
    padding: 19px 19px 0px 15px;
}

.fj-recmmend-service-info h4 {
    margin: 0;
    padding-bottom: 12px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding-left: 8px;
    position: relative;
    padding-right: 190px;
}

.fj-recmmend-service-info h4.iphone {
    padding-right: 15px;
}

.fj-recmmend-service-info h4 span {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fj-recmmend-service-info h4 .affair-detail-go-button {
    font-size: 14px;
    border: none;
    background: #fff;
    color: #2a83cf;
    display: inline-block;
    margin: 0 5px;
    max-width: 85px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fj-recmmend-service-info .affair-operation-buttons {
    position: absolute;
    right: 0;
    top: 0;
}


@media screen and (max-width: 1366px) {
    .fj-recmmend-service-info h4 {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-recmmend-service-info h4 {
        font-size: 14px;
    }
}

.aicc-affairs-tab-header-wrap .left-btn,
.aicc-affairs-tab-header-wrap .right-btn {
    width: 24px;
    font-size: 16px;
    line-height: 2em;
    color: #155489;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
}

.aicc-affairs-tab-header-wrap .left-btn {
    float: left;
}

.aicc-affairs-tab-header-wrap .right-btn {
    float: right;
}

.aicc-affairs-tab-header-list {
    overflow: hidden;
    /* height: 31px;*/
    margin: 0 25px;
}

.aicc-affairs-tab-header-wrap-noButton .left-btn,
.aicc-affairs-tab-header-wrap-noButton .right-btn {
    display: none;
}

.aicc-affairs-tab-header-wrap-noButton .aicc-affairs-tab-header-list {
    margin: 0;
}

.fj-recmmend-service-info .aicc-affairs-tab-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #edefef;
}

.fj-recmmend-service-info .aicc-affairs-tab-container ul li {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    /*line-height: 2em;*/
    cursor: pointer;
    margin: 0 5px;
}

.fj-recmmend-service-info .aicc-affairs-tab-container ul li.active {
    color: #f58e20;
    border-bottom: 2px solid #f58e20;
}

.fj-recmmend-service-info>ul li:last-child {
    /* float: right;
    margin: 0;
    cursor: default;*/
}

@media screen and (max-width: 1366px) {
    .fj-recmmend-service-info .aicc-affairs-tab-container ul li {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-recmmend-service-info .aicc-affairs-tab-container ul li {
        font-size: 14px;
    }
}

.fj-recmmend-service-info .info-content {
    padding: 1em;
}

.file-link-a {
    color: #2a83cf;
}

.fj-recmmend-service-info .info-content .aicc-affaris-tab-item {
    display: none;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    word-break: break-all;
}

.fj-recmmend-service-info .info-content .aicc-affaris-tab-item.active {
    display: block;
}

.fj-im-blue-btn {
    display: inline-block;
    padding: 0 1em;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    background: #2a83cf;
    border-radius: 5px;
    box-shadow: 0 4px 12px #2a83cfb0;
    line-height: 2em;
}

.fj-im-blue-btn:hover {
    color: #fff;
    opacity: 0.6;
}

@media screen and (max-width: 1366px) {
    .fj-im-blue-btn {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .fj-im-blue-btn {
        font-size: 12px;
    }
}

.img-viewer .view-con {
    position: relative;
    text-align: center;
}

.img-viewer .view-con img {
    max-width: 100%;
}

.img-viewer .view-con .view-big-img {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.img-viewer .view-img-list-wrapper {
    padding: 20px 0 0;
    overflow: hidden;
}

.img-viewer .view-img-list-wrapper ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.img-viewer .view-img-list-wrapper ul li {
    display: inline-block;
    height: 120px;
    margin: 0 5px;
}

.img-viewer .view-img-list-wrapper ul li img {
    height: 120px;
}

.img-viewer .view-img-list-wrapper ul li.active {
    border: 4px solid #2a83cf;
}

.fj-customer-msg {
    padding-left: 30%;
    /*padding-right: 20px;*/
    display: flex;
    justify-content: flex-end;
    animation: msg-item-ani 0.5s;
}

.fj-customer-msg .fj-customer-time {
    padding: 0.5em 1em;
    font-size: 16px;
    color: #c9c9c9;
}

.fj-customer-msg .fj-customer-content {
    padding: 6px 15px;
    background: #eee;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    border-radius: 1em;
}

.fj-customer-content .aicc-media-image {
    max-height: 150px;
    max-width: 400px;
}

.fj-aicc-msg {
    /*width: 70%;*/
    /* display: flex;*/
    /*margin: 1em 0;*/
    animation: msg-item-ani 0.5s;
    background: #e9f3fa;
    border-radius: 1em;
    position: relative;
}

.fj-aicc-msg .fj-aicc-content {
    padding: 6px 15px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    border-radius: 1em;
}

.aicc-text-outer {}

.aicc-text-inner {
    overflow: hidden;
}

.aicc-text-more-wrap {
    padding: 15px 15px 10px;
    text-align: center;
}

.aicc-text-more-wrap .aicc-text-more-inner {
    color: #333;
    font-size: 14px;
    cursor: pointer;
}

.aicc-text-more-inner i {
    font-size: 12px;
    padding-left: 5px;
}

.fj-aicc-msg .fj-aicc-time {
    padding: 0.5em 1em;
    font-size: 16px;
    color: #c9c9c9;
}

.fj-im-recommend-label-wrapper {
    overflow: hidden;
    padding-bottom: 20px;
}

.fj-im-recommend-label-wrapper.fj-no-button .left-btn,
.fj-im-recommend-label-wrapper.fj-no-button .right-btn {
    display: none;
}

.fj-im-recommend-label-wrapper.fj-no-button .center-con {
    margin: 0;
}

.fj-im-recommend-label-wrapper .left-btn {
    float: left;
}

.fj-im-recommend-label-wrapper .right-btn {
    float: right;
}

.fj-im-recommend-label-wrapper .left-btn,
.fj-im-recommend-label-wrapper .right-btn {
    width: 24px;
    font-size: 16px;
    line-height: 2em;
    color: #155489;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
}

.fj-im-recommend-label-wrapper .left-btn:hover,
.fj-im-recommend-label-wrapper .right-btn:hover {
    background: #2a83cf;
    color: #fff;
}

.fj-im-recommend-label-wrapper .center-con {
    margin: 0 20px;
    overflow: hidden;
}

.fj-im-recommend-label {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 0;
}

.fj-im-recommend-label li {
    display: inline-block;
    padding: 0 10px;
    margin: 0 10px;
    font-size: 14px;
    line-height: 2em;
    color: #155489;
    border: 1px dashed #6196c5;
    border-radius: 5px;
    cursor: pointer;
}

.fj-im-recommend-label li:hover {
    background: #2a83cf;
    color: #fff;
}

@keyframes hello-words-ani {
    0% {
        transform: scale(2) translateY(100px);
    }

    70% {
        transform: scale(2) translateY(100px);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes guss-ask-ani {
    0% {
        opacity: 0.1;
        transform: translateY(200px);
    }

    20% {
        opacity: 0.1;
        transform: translateY(200px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes msg-item-ani {
    0% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

.fj-im-right {
    flex: none;
    width: 423px;
    background: #fff;
    box-shadow: 0 6px 3px #99999936;
    overflow: auto;
}

.fj-im-right-animation {
    animation: fj-im-right-ain 4s;
}

.fj-im-help {
    padding:  20px 15px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fj-im-help .aicc-go-jingtong {
    display: inline-block;
    padding: 20px;
    background: #e74f4c;
    color: #fff;
    border-radius: 30px;
}

.fj-im-help .aicc-go-jingtong{
    display: block;
    padding: 15px 20px;
    background:#e74f4c;
    color:#fff;
    flex: 1;
    margin-right: 20px;
    font-size: 1.4em;
    text-align: center;
}
.fj-im-help .aicc-go-jingtong span{
    color:#fff;
    text-align: center;
}

.fj-im-help a {
    /* margin-right: 40px; */
    color: #999;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    width: 32%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    text-align: right;
}

.fj-im-help a:hover {
    color: #2a83cf;
}

.fj-im-help a span {
    font-size: 1.4em;
}

.fj-im-help .oldSut-button {
    font-size: 1.4rem;
    color: #d87e24 !important;
    margin-right: 0;
}

.fj-im-help .oldSut-button span {
    margin-left: 3px;
    /* padding-top: 10px; */
}

.fj-im-help .oldSut-button:hover span {
    color: #d87e24 !important;
}

.fj-im-login-wrap {
    margin-bottom: 30px;
}

.fj-im-login-wrap .login-img {
    text-align: center;
}

.login-text {
    text-align: center;
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
    font-weight: bold;
}

.fj-im-login-buttons {
    text-align: center;
    margin-top: 10px;
}

.fj-im-login-buttons button {
    border: none;
    width: 90px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    background-color: #2a83cf;
    border-radius: 5px;
    box-shadow: 0 2px 3px #2a83cf50;
    cursor: pointer;
}

.fj-im-login-buttons .login-button {
    margin-right: 20px;
}

.fj-tab-con>ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #d4e6f5;
}

.fj-tab-con>li {
    font-size: 16px;
    color: #333;
    line-height: 33px;
    cursor: pointer;
    font-weight: bold;
}

#aiccSysAdviseContent .fj-tab-con>li.layui-this {
    color: #2a83cf;
    border-bottom: 2px solid #2a83cf;
}

#aiccSysAdviseContent .fj-tab-con .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #5FB878;
}

#aiccSysAdviseContent .layui-tab-title {
    position: relative;
    left: 0;
    height: 40px;
    white-space: nowrap;
    font-size: 0;
    transition: all .2s;
    -webkit-transition: all .2s;
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #d4e6f5;
}

.fj-tab-con .fj-tab-content {
    padding: 25px 30px;
}

/*
.fj-tab-con .fj-tab-content > div {
  display: none;
}
*/

.fj-hot-question-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.fj-hot-question-list li {
    padding: 0.6em 0;
    font-size: 14px;
    line-height: 1.5em;
    cursor: pointer;
    color: #999;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.fj-hot-question-list li > span {
  font-size: 14px;
  display: inline-block;
  margin-right: 1em;
}*/
.fj-hot-question-list li .knowledge-item-icon {
    font-size: 14px;
    display: inline-block;
    margin-right: 0.5em;
}

.fj-hot-question-list li:first-child,
.fj-hot-question-list li:nth-child(2),
.fj-hot-question-list li:nth-child(3) {
    color: #f8aa4a;
}

.fj-hot-question-list li:first-child .knowledge-item-icon,
.fj-hot-question-list li:nth-child(2) .knowledge-item-icon,
.fj-hot-question-list li:nth-child(3) .knowledge-item-icon {
    width: 1.3em;
    height: 1.2em;
    border-radius: 3px;
    color: #fff;
    background: #f8aa4a;
    text-align: center;
    line-height: 1.2em;
    font-size: 14px;
    display: inline-block;
}

.fj-hot-question-list li:hover {
    color: #2a83cf;
}

.fj-hot-question-list li:hover:first-child .knowledge-item-icon,
.fj-hot-question-list li:hover:nth-child(2) .knowledge-item-icon,
.fj-hot-question-list li:hover:nth-child(3) .knowledge-item-icon {
    background: #2a83cf;
}

.fj-attention-list {
    padding: 20px;
    margin: 0;
    list-style-type: none;
}

.fj-attention-list>li {
    padding: 15px 20px 15px 120px;
    margin-bottom: 18px;
}

.fj-attention-list>li.light-green {
    background: url(../img/attention-icon1.png) 20px center no-repeat #dffdf1;
}

.fj-attention-list>li.light-green-persion {
    background: url(../img/attmention-icon-persion.png) 20px center no-repeat #dffdf1;
    background-size: 64px;
}

.fj-attention-list>li.light-green-lift {
    background: url(../img/attment-icon-litt.png) 20px center no-repeat #dffdf1;
    background-size: 64px;
}

.fj-attention-list>li.light-green-lvyou {
    background: url(../img/lvyou.png) 20px center no-repeat #dffdf1;
    background-size: 64px;
}

.fj-attention-list>li.light-green h3 {
    color: #0d684f;
}

.fj-attention-list>li.light-yellow-qiye {
    background: url(../img/qiye.png) 20px center no-repeat #fdf5f3;
    background-size: 64px;
}

.fj-attention-list>li.light-yellow-gongcheng {
    background: url(../img/gongcheng.png) 20px center no-repeat #fdf5f3;
    background-size: 64px;
}

.fj-attention-list>li.light-yellow-huanjing {
    background: url(../img/huanjing.png) 20px center no-repeat #fdf5f3;
    background-size: 64px;
}


.fj-attention-list>li.light-yellow {
    background: url(../img/attention-icon2.png) 20px center no-repeat #fdf5f3;
}

.fj-attention-list>li.light-yellow h3 {
    color: #793216;
}

.fj-attention-list>li h3 {
    margin: 0;
    font-size: 16px;
    /* line-height: 24px; */
    margin-bottom: 5px;
}

.fj-attention-list>li>ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    overflow: hidden;
}

.fj-attention-list>li>ul li {
    float: left;
    width: 50%;
    font-size: 12px;
    /* line-height: 26px; */
    color: #888888;
    cursor: pointer;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fj-attention-list>li>ul li::before {
    content: '•';
    margin-right: 5px;
}

.fj-attention-list>li>ul li:hover {
    color: #2a83cf;
}

.fj-att-type,
.module-header,
.aicc-image-list {
    padding: 0 30px;
    margin: 0;
    overflow: hidden;
}

.fj-att-type dt,
.module-header {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    line-height: 24px;
}

.fj-att-type dd,
.aicc-image-list li {
    float: left;
    margin: 0;
    padding: 20px 0;
    width: 33%;
    text-align: center;
    cursor: pointer;
}

.fj-att-type dd img,
.aicc-image-list li img {
    width: 32px;
    height: 32px;
}

.fj-att-type dd h4,
.aicc-image-list li h4 {
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    color: #2a83cf;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fj-att-type dd:hover,
.aicc-image-list li:hover {
    opacity: 0.6;
}

@keyframes fj-im-left-inner-ain {
    0% {
        transform: translateX(200px);
    }

    70% {
        transform: translateX(200px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes fj-im-right-ain {
    0% {
        transform: translateX(425px);
    }

    70% {
        transform: translateX(425px);
    }

    100% {
        transform: translateX(0);
    }
}

@media screen and (max-width: 1366px) {
    .fj-im-guss-ask h4 {
        font-size: 16px;
    }

    .fj-im-guss-ask h4>a {
        font-size: 14px;
    }

    .fj-im-guss-ask .fj-im-guss-ask-content>ul li {
        font-size: 14px;
    }

    .fj-customer-msg .fj-customer-content,
    .fj-customer-msg .fj-customer-time {
        font-size: 14px;
    }

    .fj-aicc-msg .fj-aicc-time,
    .fj-aicc-msg .fj-aicc-content {
        font-size: 14px;
    }

    /*.fj-im-recommend-label {
        height: 26px;
    }*/

    .fj-im-recommend-label li {
        font-size: 14px;
    }

    .send-button-wrap .send-button {
        font-size: 14px;
    }

    .fj-im-right {
        width: 320px;
    }

    .fj-tab-con>li {
        font-size: 16px;
    }

    .fj-tab-con .fj-tab-content {
        padding: 15px;
    }

    .fj-attention-list {
        padding: 5px;
    }

    .fj-hot-question-list li {
        font-size: 14px;
    }

    .fj-attention-list>li h3 {
        font-size: 16px;
    }

    .fj-attention-list>li>ul li {
        font-size: 14px;
    }

    .fj-attention-list>li {
        padding-left: 100px;
    }

    .fj-attention-list>li.light-green,
    .fj-attention-list>li.light-yellow {
        background-size: 60px;
    }

    .fj-att-type,
    .module-header,
    .aicc-image-list {
        padding: 0 15px;
    }

    .fj-att-type dt,
    .module-header {
        font-size: 16px;
    }

    .fj-att-type dd h4,
    .aicc-image-list li h4 {
        font-size: 14px;
    }

    @keyframes fj-im-left-inner-ain {
        0% {
            transform: translateX(100px);
        }

        70% {
            transform: translateX(100px);
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes hello-words-ani {
        0% {
            opacity: 0.1;
            transform: scale(1.6) translateY(100px);
        }

        70% {
            opacity: 1;
            transform: scale(1.6) translateY(100px);
        }

        100% {
            transform: scale(1);
        }
    }
}

@media screen and (max-width: 1024px) {
    .fj-left-con {
        width: 170px;
    }

    .fj-fast-nav {
        width: 120px;
    }

    .fj-fast-nav li a {
        font-size: 14px;
    }

    .fj-left-con .fj-cartoon {
        width: 170px;
        background-size: 200px;
    }

    .fj-im-guss-ask h4 {
        font-size: 14px;
    }

    .fj-im-guss-ask h4>a {
        font-size: 12px;
    }

    .fj-im-guss-ask .fj-im-guss-ask-content>ul li {
        font-size: 12px;
    }

    .fj-customer-msg .fj-customer-content,
    .fj-customer-msg .fj-customer-time {
        font-size: 12px;
    }

    .fj-aicc-msg .fj-aicc-time,
    .fj-aicc-msg .fj-aicc-content {
        font-size: 14px;
    }

    .fj-im-recommend-label-wrapper .left-btn,
    .fj-im-recommend-label-wrapper .right-btn {
        font-size: 14px;
    }

    .fj-im-recommend-label li {
        font-size: 12px;
    }

    .send-button-wrap .send-button {
        font-size: 12px;
    }

    .fj-im-right {
        width: 300px;
    }

    .fj-im-help a {
        font-size: 12px;
        margin-right: 20px;
    }

    .fj-tab-con>li {
        font-size: 14px;
    }

    .fj-tab-con .fj-tab-content {
        padding: 10px;
    }

    .fj-attention-list {
        padding: 5px;
    }

    .fj-hot-question-list li {
        font-size: 12px;
    }

    .fj-attention-list>li h3 {
        font-size: 14px;
    }

    .fj-attention-list>li>ul li {
        font-size: 12px;
    }

    .fj-att-type,
    .module-header,
    .aicc-image-list {
        padding: 0 10px;
    }

    .fj-att-type dt {
        font-size: 14px;
    }

    .module-header {
        font-size: 14px;
    }

    .fj-att-type dd h4,
    .aicc-image-list li h4 {
        font-size: 12px;
    }

    .hello-words {
        font-size: 12px;
    }

    @keyframes hello-words-ani {
        0% {
            opacity: 0.1;
            transform: scale(1.6) translateY(100px);
        }

        70% {
            opacity: 1;
            transform: scale(1.6) translateY(100px);
        }

        100% {
            transform: scale(1);
        }
    }
}

.ke-icon-emoticons {
    background: url(../img/editorEmotionIconBlue.png) no-repeat 0 0;
    width: 19px;
    height: 19px;
}

.ke-icon-image {
    background: url(../img/editorImageIconBlue.png) no-repeat 0 0;
    width: 16px;
    height: 18px;
}

.ke-container-simple {
    border: none !important;
}

.ke-container-simple .ke-toolbar {
    border-bottom: 1px solid #fff !important;
    background-color: #fff !important;
    padding: 2px 5px !important;
    overflow: hidden;
}

.ke-container-simple .ke-toolbar .ke-outline {
    border: none !important;
    margin: 1px 5px !important;
}

/* 区域弹框 */
.aicc-area-dialog-wrap .fj-selected-area {
    font-size: 20px;
    color: #999;
    margin: 30px 30px 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.aicc-area-dialog-wrap .fj-selected-area .selected {
    color: #2a83cf;
    cursor: pointer;
    border-bottom: 1px solid #316cf1;
    font-weight: bold;
}

.aicc-area-dialog-wrap .fj_area-list {
    margin-top: 15px;
    min-height: 102px;
    padding: 0 33px;
}

.aicc-area-dialog-wrap .fj_area-list>ul {
    max-height: 175px;
    overflow-y: auto;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.aicc-area-dialog-wrap .fj_area-list>ul>li {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
    cursor: pointer;
    /*min-width: 69px;*/
    height: 30px;
    padding: 0 12px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
}

.aicc-area-dialog-wrap .fj_area-list>ul>li:hover {
    background: #2a83cf;
    color: #fff;
}

/* 意见弹框 */
.advise-dialog-form {
    margin-top: 10px;
}

.advise-dialog-form .layui-input-inline {
    width: 250px;
}

.correction-dialog-form .layui-input-inline {
    width: 360px;
}

.connect-message {
    text-align: center;
    padding: 10px;
}

.connect-message .message-tip-span {
    display: inline-block;
    max-width: 70%;
    background: #CCCCCC;
    color: #fff;
    padding: 5px 8px;
    font-size: 16px;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.knowledge-zan-cai-buttons {
    position: absolute;
    right: -125px;
    width: 120px;
    bottom: 0px;
}

.prise-content,
.cai-content,
.correction-content {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    cursor: pointer;
}

.source-content {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.prise-content img,
.cai-content img,
.correction-content img,
.source-content img {
    width: 20px;
    height: 20px;
}

.aicc-skill-list,
.aicc-tree-list {
    /* padding: 10px;*/
}

.layui-tab-content .aicc-skill-list,
.layui-tab-content .aicc-tree-list {
    padding: 0px;
}

.aicc-skill-list li,
.aicc-tree-list .tree-item {
    font-size: 14px;
    cursor: pointer;
    position: relative;
    margin: 0 15px 0 31px;
    line-height: 1.2em;
    color: #999;
}

.aicc-skill-list li .knowledge-item-icon {
    position: absolute;
    left: -8px;
    top: 8px;
    font-style: normal;
}

.aicc-skill-list li .knowledge-item-text {
    margin-left: 9px;
    display: block;
    /*text-overflow: -o-ellipsis-lastline;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 33px;
}

.aicc-skill-list li:hover {
    color: #2a83cf;
}

.aicc-tree-list .tree-header {
    position: relative;
}

.aicc-tree-list .tree-item-icon {
    position: absolute;
    left: 0;
    top: 10px;
    background: url("../img/arrow.png") no-repeat 0 0;
    width: 8px;
    height: 11px;
}

.aicc-tree-list .tree-item-text {
    margin-left: 18px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 33px;
}

.tree-content {
    margin-left: 18px;
    display: none;
}

.tree-content li {
    line-height: 26px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tree-content li:hover {
    color: #2a83cf;
}

.tree-extend .tree-item-icon {
    background: url("../img/arrowExtend.png") no-repeat 0 0;
    width: 10px;
    height: 8px;
}

.tree-extend .tree-content {
    display: block;
}

.code-image {
    cursor: pointer;
    display: inline-block;
}

.source-dialog-form .layui-form-label {
    width: 120px;
}

.source-dialog-form .layui-input-inline {
    width: 280px;
}

.source-text {
    display: inline-block;
    padding: 8px 0;
    word-break: break-all;
}

/* aisearch 样式*/
.aisearch-text,
.aisearchtext {
    display: none;
}

/*  aisearch推荐开启后的样式 */
.aisearch-recommend-content {
    border: 1px solid #eaeaea;
    border-top: none;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
    padding: 5px 19px 0px;
}

.aisearch-tab-header-list {
    overflow: hidden;
    margin: 0 25px;
}

.aisearch-recommend-tab-header .left-btn,
.aisearch-recommend-tab-header .right-btn {
    width: 24px;
    font-size: 16px;
    line-height: 2em;
    color: #155489;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
}

.aisearch-recommend-tab-header .left-btn {
    float: left;
}

.aisearch-recommend-tab-header .right-btn {
    float: right;
}

.aisearch-tab-header-wrap-noButton .left-btn,
.aisearch-tab-header-wrap-noButton .right-btn {
    display: none;
}

.aisearch-tab-header-wrap-noButton .aisearch-tab-header-list {
    margin: 0;
}

.aisearch-tab-header-ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #edefef;
}

.aisearch-tab-header-ul li {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    cursor: pointer;
    margin: 0 5px;
}

.aisearch-tab-header-ul li.active {
    color: #f58e20;
    border-bottom: 2px solid #f58e20;
}

.aisearch-recommend-tab-content {
    padding: 10px;
}

.aisearch-recommend-tab-item {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    word-break: break-all;
    display: none;
}

.aisearch-recommend-tab-item.active {
    display: block;
}

.aisearch-tab-item-outer dl {
    margin: 0;
    padding: 0;
}

.aisearch-tab-item-outer dl dd {
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisearch-tab-item-outer dl.aisearch-tablelist-dl dd {
    padding: 0 80px 0 0;
}

.aisearch-tab-item-outer dl dd a {
    color: #333;
    display: inline-block;
    padding: 0 5px;
    max-width: 95%;
}

.aisearch-tab-item-outer dl.aisearch-tablelist-dl dd a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aisearch-tab-item-outer dl.aisearch-tablelist-dl dd .go-handle {
    position: absolute;
    right: 0;
    top: -1px;
    color: #2a83cf;
}

.aisearch-tab-item-outer dl.aisearch-tablelist-dl dd .go-handle>span {
    margin: 0 5px 0 10px;
}

.aisearch-tab-item-outer dl dd a:hover {
    color: #2a83cf;
}

.aisearch-recommend-page {
    text-align: center;
}

.aisearch-recommend-page .layui-laypage {
    margin: 0;
}

.aisearch-recommend-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2a83cf;
}

.aisearch-recommend-page .layui-laypage a,
.aisearch-recommend-page .layui-laypage span {
    border: none;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    header {
        padding: 10px 10px 20px 10px;
        position: relative;
    }

    .header-service-logo {
        display: block;
    }

    .header-service-area {
        display: block;
    }

    .header-area-icon .header-area-text {
        width: 50%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    .fj-im-left .fj-im-list>div {
        border: none;
    }

    .mobile-oldSut-exit-button {
        position: absolute;
        right: 10px;
        bottom: -6px;
        font-size: 20px;
        /* display: block!important;*/
    }

    .mobile-oldSut-exit-icon {
        display: inline-block;
        background: url(../img/oldSutImages/mobileBlackOldsutExitIcon.png) no-repeat 0px 0;
        width: 18px;
        height: 18px;
        background-size: 18px 18px;
        vertical-align: top;
        margin-left: 5px;
        margin-top: 4px;
    }

    .fj-im {
        height: 100%;
    }

    .fj-im-right {
        display: none;
    }

    .fj-left-con {
        display: none;
    }

    .fj-fast-nav-animation {
        animation: none !important;
    }

    .fj-cartoon-animation {
        animation: none !important;
    }

    .fj-im-left-inner-animation {
        animation: none !important;
    }

    .hello-words-animation {
        animation: none !important;
    }

    .fj-im-right-animation {
        animation: none !important;
    }

    .aicc-chart-history-wrap {
        margin-top: 10px;
    }

    .aicc-welcome-robot-item .fj-im-guss-ask-list {
        padding-left: 0;
        min-height: inherit;
    }

    .fj-im-guss-ask .fj-im-guss-ask-content .aicc-welcome-image-wrap {
        display: none;
    }

    .fj-recommend-list {
        width: 90%;
    }

    .hello-words {
        font-size: 16px;
    }

    /* .fj-left-wrap {
        height: 100%;
    }*/
    .fj-im-left .fj-im-list {
        height: calc(100vh - 290px);
    }

    .fj-im-recommend-label-wrapper {
        padding-bottom: 0px;
    }

    .fj-im-recommend-label {
        padding-bottom: 10px;
    }

    .fj-im-recommend-label-wrapper .center-con {
        overflow-x: auto;
    }

    .fj-im-left .fj-im-left-inner {
        width: 95%;
    }

    .knowledge-zan-cai-buttons {
        position: relative;
        right: inherit;
        width: inherit;
        bottom: -10px;
        padding-bottom: 10px;
        height: 20px;
        margin-bottom: 10px;
        left: 5px;
    }

    .fj-aicc-msg .fj-aicc-content {
        line-height: 26px;
    }

    .aicc-text-more-wrap {
        padding: 0px 15px 10px;
    }

    .aicc-chart-head {
        height: 35px;
        line-height: 35px;
    }

    .chart-head-text {
        font-size: 14px;
    }

    .correction-dialog-form .layui-input-inline {
        width: inherit;
    }

    .code-image {
        margin-top: 10px;
    }

    .source-dialog-form .layui-input-inline {
        width: auto;
        margin: 0 0 10px 135px !important;
    }

    .source-text {
        width: 85%;
    }

    .fj-im-left .fj-im-input-area {
        height: 180px;
    }

    .send-button-wrap .send-button:hover {
        opacity: 1;
    }
}

/* 适老化 */
#oldSutToolbarCantainer {
    padding: 0 20px;
}

.aicc-oldsut-mobile-button {
    position: absolute;
    left: calc(100% - 65px);
    top: 50%;
    z-index: 100;
}

.aicc-oldsut-mobile-button img {
    width: 60px;
    height: 60px;
}

.affair-no-tablelist-wrap {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.affair-no-tablelist-changearea-button {
    color: #2a83cf;
    cursor: pointer;
}

.related-affair-number-wrap {
    font-size: 14px;
    margin-top: 8px;
    text-align: right;
}

body .aicc-im-confirm-button .aicc-layer-disable-btn,
body .aicc-im-confirm-button .aicc-layer-disable-btn:hover,
body .aicc-im-confirm-button .aicc-layer-disable-btn:active {
    border-color: #eee !important;
    background-color: #FBFBFB !important;
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
    opacity: 1;
}

/* 音频弹框提醒 */
.audio-authorize-dialog {
    border-radius: 7px !important;
}

.audio-authorize-dialog .layui-layer-iframe .layui-layer-btn,
.audio-authorize-dialog .layui-layer-page .layui-layer-btn {
    padding-top: 0;
}

/* 评价弹框 */
.evaluationLayerContainer {
    border-radius: 5px;
}

.evaluationLayerContainer .layui-layer-title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border-radius: 5px 2px 0 0;
}

.evaluation-container {
    width: 85%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.eva-title {
    margin: 15px 0 20px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.eva-indications-container {
    /*padding-top: 15px;*/
}

.eva-indications {
    /*display: flex;*/
    text-align: center;
}

.eva-indications li {
    display: inline-block;
}

.indication-mark-wrap {
    margin-top: 20px;
}

.indication-mark-item,
.eva-question-solution {
    /*display: flex;*/
    width: 80%;
    margin: 0 auto;
}

.mark-button-wrap {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.mark-button-wrap .mark-button {
    border: 1px solid #333;
    color: #333333;
    text-align: center;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    width: 80%;
    border-radius: 15px;
    background-color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.mark-button-wrap .mark-button-active {
    border: 1px solid #ff0000;
    color: #ff0000;
}

.evaluation-submit-button-wrap {
    margin-top: 20px;
    text-align: center;
}

.eva-submit-button {
    font-size: 14px;
    color: #fff;
    border: 1px solid #2e62eb;
    background-color: #2e62eb;
    padding: 8px 48px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.evaluation-error {
    margin-top: 8px;
    color: #ff0000;
    text-align: center;
}

.eva-question-suggestion {
    padding-left: 15px;
    position: relative;
    margin-bottom: 20px;
}

.evaluation-red-star {
    color: #ff0000;
    position: absolute;
    left: 0;
}

/* 评价弹框end */

/* 转坐席样式 */
.online-agent-list li {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #eeeeee;
    padding: 10px;
}

.online-agent-list li .agent-click-wrap {
    display: block;
    position: relative;
    padding-left: 24px;
}

.online-agent-list li .agent-avator-icon {
    position: absolute;
    left: 0;
    top: 0px;
    background: url("../img/agentIcon.png") no-repeat 0 0;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

.online-agent-list li .agent-avtor-name {
    display: inline-block;
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

#aiccSysSuggestList li {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    list-style: disc;
}

.h42{
    display: none;
}

@media screen and (max-width: 768px){
.fj-im {
    background-size: cover !important;
}
}

.hotItemJingJing a{
    color:#155489;
}
.hotItemJingJing a:hover{
    color:#fff;
}