html, body {
    overflow: auto;
}

u {
    text-decoration: none;
    color: #004098;
}

textarea {
    font-family: inherit;
    font-size: inherit;
}

@font-face {
    font-family: 'DaQi';
    src: url(../fonts/DaQi-Font.ttf);
}

.fr {
    float: right;
}

.frameshape .frameshapeT {
    background: #fff;
    background-size: 100% 100%;
    height: 56px;
}

.frameshape .frameshapeB {
    background: #f0f0f0;
    padding: 12px 0;
    height: calc(100% - 56px);
}

.frameshape .frameshapeBr {
    padding-top: 12px;
}

.frameshape .insideshape {
    padding: 0;
    height: 80px;
}

.frameshape .insideshape .header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    background: #004098;
}

.frameshape .insideshape .header .header-right {
    height: 56px;
}

.frameshape .common-problem.agent {
    background: url(../img/agent.svg) center 10px no-repeat;
    background-size: 20px 20px;
}

.frameshape .common-problem.erweima {
    background: url(../img/mobile.svg) center 10px no-repeat;
    background-size: auto 20px;
}

.frameshape .common-problem.leavemsg {
    background: url(../img/leavemsg.svg) center 10px no-repeat;
    background-size: 20px 20px;
}

.ewm {
    right: 0px;
    width: 200px;
    top: 56px;
    position: absolute;
    z-index: 99;
    display: none;
}

.frameshape .logo {
    width: 143px;
    height: 34px;
    margin-top: 11px;
    margin-left: 4px;
    background-size: 100% 100%;
}

.frameshape .textscroll-shape {
    background: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.frameshape .textscroll-shape .image_left {
    background: rgba(256, 0, 0, 0.06);
    height: 36px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin: 15px 0 15px 20px;
    align-items: center;
    display: flex;
}

.frameshape .textscroll-shape .image_right {
    background: rgba(256, 0, 0, 0.06);
    height: 36px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin: 15px 20px 15px 0;
    align-items: center;
    display: flex;
}

.frameshape .textscrollbox {
    height: 36px;
    background: rgba(256, 0, 0, 0.06);
    overflow: hidden;
    position: relative;
    flex: 1;
}

.frameshape .textscroll-shape .image_left .notification_img {
    margin-left: 16px;
    margin-right: 10px;
}

.frameshape .textscroll-shape .image_right .close_img {
    margin-left: 10px;
    margin-right: 16px;
}


.frameshape .textscroll {
    position: absolute;
    margin-top: 8px;
    font-size: 14px;
    padding-left: 0px;
}

.textscroll li {
    float: left;
    line-height: 20px;
    text-align: center;
    text-align: left;
}

.textscroll li a {
    color: #FF0000;
    text-decoration: none;
    white-space: nowrap;
}

.frameshape .scrollbar1 {
    background: #ffffff;
}

.frameshape .online-service, .frameshape .common-problem {
    font-size: 14px;
    color: #333333;
    float: left;
    line-height: inherit;
    padding: 0 12px;
}

.frameshape .common-problem {

}

.frameshape .common-problem a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    display: block;
    padding-top: 32px;
    font-size: 12px;
}

.frameshape .common-problem a:hover {
    text-decoration: none;
}

.frameshape .systemTime-parent {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #999999;
    text-align: center;
    line-height: 1.8rem;
    margin: 12px 0 0 0;
}

/*热点词区域*/
.position-center {
    height: 45px;
    margin-bottom: 8px;
}

.hot-words {
    border-top: 0;
    height: 44px;
    background: #ffffff;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
}

/*按钮区域*/
.frameshape .menu-navigation {
    background: #ffffff;
    border-top: 0;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
}

.frameshape .expression:hover, .frameshape .image:hover, .frameshape .voice:hover {
    border: 1px solid transparent !important;
}

.word-size {
    margin-right: 15px;
}

.xz-word-syle {
    position: absolute;
    top: 0px;
    height: 30px;
    line-height: 30px;
    background: white;
    /* border-top:1px solid #c5c6c7;*/
    padding: 5px 20px;
    box-sizing: border-box;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: none;
}

.gfund-evaluate {
    margin-top: 15px;
    margin-right: 15px;
    height: 20px;
    float: left;
    line-height: 20px;
    font-size: 16px;
    color: #666666;
    background: url(../img/hert.png) no-repeat;
    background-size: 25px 20px;
    padding-left: 30px;
    cursor: pointer;
    display: block;
}

.frameshape .input-module {
    border-top: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.frameshape .linkBar {
    white-space: nowrap;
    margin-right: 20px;
    display: none;
    float: right;
    overflow-x: auto;
    max-width: calc(100% - 20px);
    height: 100%;
}

.frameshape .linkBar img {
    vertical-align: text-top;
}

.frameshape .linkBar::-webkit-scrollbar {
    /*display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;*/
}

.frameshape .linkBar span {
    white-space: nowrap;
    line-height: 30px;
    background: rgba(0, 64, 152, 0.06);
    border-radius: 16px;
    padding: 0 12px;
    margin-left: 12px;
    display: inline-block;
    cursor: pointer;
    color: #004098;
    font-size: 14px;
}

.frameshape .input-area textarea, .frameshape .bg-send {
    background: #ffffff;
    font-size: 15px;
}

.frameshape .input-area textarea {
    color: #333;
}

.frameshape .input-area textarea::placeholder {
    color: #999;
}

.frameshape .bg-send {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.frameshape .expression, .frameshape .image, .frameshape .voice {
    display: inline-block;
    margin-top: 15px;
    margin-right: 15px;
    float: left;
    cursor: pointer;
}

.frameshape .but-end-service {
    display: inline-block;
    float: left;
}

.stopQueue {
    margin-top: 15px;
    float: left;
}

.uStopQueue {
    cursor: pointer;
    color: #004098;
}

.but-send-box-left {
    float: right;
    margin-top: 0 !important;
}

.but-send-box {
    background: white;
    float: right;
    margin-top: 0 !important;
    margin-right: 0 !important;
}

.frameshape .but-send {
    border-radius: 4px;
    width: 86px;
    height: 32px;
    line-height: 32px;
    margin-left: 12px;
    background:  #DBDBDB;
}

.frameshape .but-finish-session {
    border-radius: 4px;
    width: 86px;
    height: 32px;
    line-height: 32px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    color: #333333;
    margin-top: 0 !important;
}

.frameshape .but-send-enable {
    border-radius: 0;
    background-image: linear-gradient(180deg, #3F96F5 0%, #3076D6 100%);
    transition-duration: unset;
}

.frameshape .but-send a {
    border-radius: 4px;
}

.frameshape .customer-service .chat-content {
    float: left;
    max-width: 74%;
    font-size: 14px;
    color: #212634;
    background: #FAFAFA;
    padding: 10px 16px;
    margin-left: 14px;
    border-radius: 1px 10px 10px 10px;
    word-wrap: break-word;
    /* box-shadow: 0px 4px 6px 0px #6666661a;*/
    line-height: 1.5;
}

.frameshape .customer {
    margin: 5px 0 10px 0;
}

.frameshape .customer .chat-content {
    float: right;
    max-width: 68%;
    font-size: 14px;
    color: #fff !important;
    background-image: linear-gradient(180deg, #3F96F5 0%, #3076D6 100%) !important;
    padding: 10px 16px;
    margin-right: 14px;
    border-radius: 10px 1px 10px 10px;
    position: relative;
    word-wrap: break-word;
    /*box-shadow: 0px 4px 6px 0px #6666661a;*/
    line-height: 1.5;
}

.chat-content.noBubble {
    background: #f7f7f7 !important;
    /*box-shadow: none !important;*/
}

.frameshape .frameshapeBr {
    border-left: 0;
    position: absolute;
    top: 80px;
    right: 5px;
}

.scrollbar2 .viewport {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #c5c6c7;
    background: #ffffff;
}

.frameshape .input-area {
    height: 80px;
}

.viewport2 .overview {
    width: 100%
}

.Common {
    position: relative;
    width: 100%;
    padding-bottom: 5px;
}

.rebotCuscommonWordLayer div, .commonQuestionWordLayer div {
    width: calc(100% - 20px);
    height: 20px;
    /* border-bottom: 1px solid #c5c6c7;*/
    color: #000;
    line-height: 1;
    margin-top: 12px;
    padding-bottom: 2px;
    font-size: 14px;
    border-bottom: none;
    padding-right: 10px;
    padding-left: 10px;
}

.problem-tab-box {
    width: 100%;
}

.problem-tab-title {
    font-size: 14px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: none;
    background: white;
}

.tab-gfund-record, .tab-gfund-hold {
    width: 50%;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #646464;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    background: #f7f7f7;
    font-weight: bold;
    border-top: 5px solid #f7f7f7;
}

.tab-common-problem, .tab-hot-problem, .tab-my-account {
    width: 33.33%;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #333333;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    background: #f8f8f8;
    font-weight: bold;
    border-top: 4px solid #f8f8f8;
}

.tab-common-problem {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    font-weight: normal;
}

.tab-hot-problem {
    border-top-left-radius: 8px;
}

.tab-my-account {
    border-top-right-radius: 8px;
}

.problem-list-box {
    margin-left: 0;
    padding-top: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    cursor: pointer;
}

.tab-bg-active {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    padding-left: 16px;
    text-align: left;
    background: transparent;
    border: 4px transparent solid;
}

.problem-list-box1 {
    width: 100%;
    display: none;
    border-top: 1px solid #c5c6c7;
}

.problem-list-box1 img {
    max-width: 100%
}

.problem-list-box2 {
    width: 100%;
}

.problem-list-box2 img {
    width: 100%;
    border: 0;
}

.rebotHotTitle {
    height: 50px;
    border-bottom: 1px solid #c5c6c7;
    color: #333333;
    line-height: 50px;
    font-size: 16px;
    padding-left: 20px;
    font-weight: bolder;
}

.rebotHotTitle a {
    text-decoration: none;
    color: #004098;
    font-size: 14px;
    margin-right: 30px;
}

.rebotHotTitle a:hover {
    text-decoration: none;
}

.p-l-bg {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
}

/*坐席头像*/
.frameshape .customer-service .service-logo {
    background-image: url(../img/customer-service-logo2.png);
}

.frameshape .customer-service.yibot-seg-follow {
    margin-top: 0;
}

.frameshape .customer .customer-service-logo {
    margin-right: 10px;
}

.chat-content img {
    max-height: 300px;
    max-width: 200px;
    object-fit: contain; /* 确保图片在容器中保持比例 */
}

.yibot-video-wrap {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin-bottom: 8px;
    overflow: hidden;
    background-color: #000;
    border-radius: 8px;
    cursor: pointer;
    line-height: 0;
    vertical-align: top;
}

.chat-content .yibot-video-wrap .yibot-video-sizer {
    display: block;
    max-width: 100% !important;
    max-height: 420px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    object-fit: contain;
}

.yibot-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 56px;
    height: 56px;
    margin-left: -28px;
    margin-top: -28px;
    border-radius: 50%;
    background: transparent;
    border: 3px solid #fff;
    box-shadow: none;
    box-sizing: border-box;
    color: transparent;
    font-size: 0;
    line-height: 56px;
    text-align: center;
    z-index: 2;
}

.yibot-video-play::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -4px;
    border-style: solid;
    border-width: 8px 0 8px 14px;
    border-color: transparent transparent transparent #fff;
}

.yibot-video-wrap.playing .yibot-video-play,
.yibot-video-wrap.playing .yibot-video-poster {
    display: none;
}

.yibot-video-wrap video {
    width: 100%;
    height: auto;
    display: block;
}

.yibot-video-wrap.playing {
    background-color: transparent;
}

.frameshape .chat-time.system {
    text-align: center;
    padding-left: 0;
    margin-top: 5px !important;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.frameshape .chat-time.customer {
    text-align: center;
    margin: 20px 0 0 0;
}

.frameshape .Loading-hints {
    margin-top: 10px;
}

.frameshape .time-display {
    background: #F4F4F4;
    border-radius: 16px;
    padding: 6px 12px;
}

.layer-robot-shape {
    width: 380px;
    height: auto;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: -200px;
    border-radius: 2px;
    display: none;
    z-index: 555;
}

.layer-robot-shape p.title {
    font-size: 14px;
    display: inline-block;
    height: 54px;
    width: 100%;
    background: #004098;
    text-align: left;
    line-height: 54px;
    padding-left: 32px;
    box-sizing: border-box;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
}

.layer-robot-shape .form-shape {
    width: 100%;
    padding: 16px 0px 22px 30px;
    box-sizing: border-box;
    font-size: 14px;
}

.layer-robot-shape .form-shape p {
    display: inline-block;
    width: 100%;
    line-height: 28px;
}

.layer-robot-shape .form-shape p .ckb {
    font-size: 14px;
    margin-right: 15px;
}

.layer-robot-shape .form-shape .contact {
    margin-top: 15px;
    display: inline-block;
    font-size: 14px;
}

.layer-robot-shape .form-shape .phonenum {
    height: 26px;
    width: 252px;
    border: 1px solid #d9d9d9;
    padding-left: 5px;
    box-sizing: border-box;
    margin-left: 9px;
    outline: none;
}

.layer-robot-shape .form-shape .unsatisfyType {
    max-height: 100px;
    width: 252px;
    box-sizing: border-box;
    margin: 0px;
    outline: none;
}

.layer-robot-shape .form-shape .remarks-textarea {
    position: relative;
}

.layer-robot-shape .form-shape .remarks {
    width: 320px;
    height: 68px;
    border: 1px solid #d9d9d9;
    margin-top: 12px;
    padding: 0;
    outline: none;
    padding: 5px 10px;
    box-sizing: border-box;
    resize: none;
}

.layer-robot-shape .form-shape .remarks-txt1-none {
    color: #bbb;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 12px;
}

.layer-robot-shape .form-shape .but-choose {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 80px 0px 55px;
    margin-top: 14px;
}

.layer-robot-shape .form-shape .determine {
    display: inline-block;
    width: 88px;
    height: 30px;
    background: #004098;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border: none;
    border-radius: 2px;
    float: left;
    cursor: pointer;
}

/*
.layer-robot-shape .form-shape .determine:hover,.layer-robot-shape .form-shape .cancel:hover{background:#f8bda6;}
*/
.layer-robot-shape .form-shape .cancel {
    display: inline-block;
    width: 88px;
    height: 30px;
    background: #c5c6c7;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border: none;
    border-radius: 2px;
    float: right;
    cursor: pointer;
}

.layer-robot-shape .unsatisfyType [name="robotUnsatisfyType"] {
    display: none;
}

.layer-robot-shape .form-shape .checklabel {
    color: #666666;
    width: 150px;
    border: 1px solid #666666;
    border-radius: 20px;
    text-align: center;
    margin: 5px;
}

.layer-robot-shape .form-shape .checklabel label {
    display: block;
    padding: 5px 0;
}

.layer-robot-shape .form-shape .checklabel.chk {
    color: #004098;
    border: 1px solid #004098;
}


/*人工客服弹层*/
.tit-bg {
    background: #004098;
    width: 100%;
    height: 54px;
    color: #fff;
    font-size: 14px;
    line-height: 54px;
    padding-left: 32px;
    box-sizing: border-box;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0px 4px 6px 0px #6666661a;
}

.layer-artificial-shape {
    z-index: 999;
    width: 380px;
    height: 210px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: -200px;
    font-size: 12px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: none;
}

.layer-artificial-shape input {
    border: 1px solid #a9a9a9;
    width: 220px;
    box-sizing: border-box;
}

.model-01 {
    padding-left: 35px;
    margin-top: 25px;
}

.model-01-left {
    float: left;
    height: 50px;
    line-height: 50px;
}

.model-01-right {
    float: left;
    height: 50px;
    line-height: 25px;
}

.model-01-right p span {
    margin: 0 2px;
    display: inline-block;
    line-height: 1;
    position: relative;
    width: 70px;
}

.model-01-right p .position-show {
    display: inline-block;
    width: 50px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.model-01-right p span input[type="radio"] {
    margin-right: 5px;
}

.model-public {
    padding-left: 35px;
    margin-top: 25px;
}

.but-connect {
    display: inline-block;
    width: 88px;
    height: 30px;
    border-radius: 2px;
    background: #004098;
    border: none;
    color: #ffffff;
    cursor: pointer;
    line-height: 30px;
    float: left;
}

.but-close {
    display: inline-block;
    width: 88px;
    height: 30px;
    border-radius: 2px;
    background: #c5c6c7;
    border: none;
    color: #ffffff;
    cursor: pointer;
    line-height: 30px;
    float: right;
}

.p-artificial-operate {
    text-align: center;
    margin-top: 14px;
    padding: 0px 80px 0px 80px;
    width: 100%;
    box-sizing: border-box;
}

/* .but-connect:hover,.but-close:hover{
    color:#fff;
    background:#b9b6b6;
} */
.layer-artificial-shape .model-public-left, .model-public-right {
    float: left;
    /* width: 67px; */
}

.layer-artificial-shape .bor-none {
    width: 144px;
    height: 23px;
    line-height: 21px;
    color: #666;
    font-size: 12px;
    border: 1px solid #a9a9a9;
    background: #fff;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.layer-artificial-shape .select-icon-border {
    display: block;
    /* float: right; */
    width: 21px;
    height: 21px;
    border-left: 1px solid #d9d9d9;
    background: #fff;
    position: absolute;
    left: 222px;
    top: 1px;
}

.lay_accout_but-reset {
    background: #004098;
}

.lay_accout_but-confirm {
    background: #004098;
}

.PromptBox {
    bottom: 185px;
    min-width: 200px;
    width: auto;
}

.rebotHotTitle {
    display: none;
    border: 1px solid #c5c6c7;
}

.tab-gfund-div {
    display: none;
    border-left: 1px solid #c5c6c7;
    border-right: 1px solid #c5c6c7;
}

.problem-list-box1 {
    border-top: 0;
}

.scrollbar2 .viewport {
    border-top: 0;
    border: none;
}

.raty_box {
    text-align: center;
    margin: 15px 30px 0 0;
}

.raty_target img {
    width: 40px;
    margin: 0 10px;
}

.problem-list-box > div {
    display: none;
}

.tab-gfund-box {
    height: 100%;
}

.banner {
    position: relative;
    overflow: auto;
    text-align: center;
    width: 390px;
    margin: 0 auto
}

.banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    padding-left: 0;
    z-index: 3;
}

.banner .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    background: #c5c6c7;
    border: 2px solid #c5c6c7;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s
}

.banner .dots li:hover {
    background: #004098;
    border: 2px solid #004098;
    opacity: .8
}

.banner .dots li.active {
    background: #004098;
    border: 2px solid #004098;
    opacity: 1
}

.banner .arrow {
    position: absolute;
    width: 20px;
    height: 37px;
    top: 50%;
    margin-top: -18px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.banner ul li img {
    width: 100%;
    height: 100%;
}

.banner #al {
    left: 15px
}

.banner #ar {
    right: 15px
}

.banner ul {
    z-index: 1;
    overflow: hidden;
    padding-left: 0px;
}

.banner ul .slider-item {
    float: left;
    width: 390px;
    position: relative;
    overflow: hidden;
}

.banner .progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33%;
    min-height: 3px;
    overflow: hidden;
    z-index: 2;
    background: #1392dc;
    display: none;
}

.leave_import_empty {
    display: none;
}

/*二次验证弹层*/
.layer-account-shape {
    width: 380px;
    height: 210px;
    background-color: #fff;
    margin-top: -200px;
    margin-left: -200px;
    font-size: 12px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: none;
}

.ly-cot-box {
    width: 100%;
    margin: 0;
    box-shadow: 0px 4px 6px 0px #6666661a;
}

.layer-account-shape .y-z-mask {
    top: -1px;
    height: 272px;
    z-index: 1;
}

.model-public-left, .model-public-right {
    float: left;
}

.lay_accout_custom, .lay_account_type, .lay_accout_account {
    padding-left: 35px;
    margin-top: 15px;
}

#lay_account_type {
    width: 228px;
    border-radius: 2px;
    border: 1px #767676 solid;
}

.lay_account_type {
    position: relative;
}

.lay_accout_but {
    text-align: center;
    margin-top: 14px;
    padding: 0px 80px 0px 80px;
    width: 100%;
    box-sizing: border-box;
}

.lay_accout_but-confirm {
    display: inline-block;
    width: 88px;
    height: 30px;
    border-radius: 2px;
    background: #004098;
    border: none;
    color: #ffffff;
    cursor: pointer;
    line-height: 30px;
    float: left;
}

.lay_accout_but-reset {
    display: inline-block;
    width: 88px;
    height: 30px;
    border-radius: 2px;
    background: #c5c6c7;
    border: none;
    color: #ffffff;
    cursor: pointer;
    line-height: 30px;
    float: right;
}

.none-type {
    width: 150px;
    position: absolute;
    top: 0;
    height: 21px;
    padding-left: 5px;
    box-sizing: border-box;
    outline: none;
    line-height: 21px;
    color: #666;
    font-size: 12px;
}

.shape-select-icon-border {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    border-left: 1px solid #d9d9d9;
    background: #fff;
    margin-right: 58px;
}

.frameshape .linkLeftBtn {
    background: white !important;
}

.frameshape .linkRightBtn {
    background: white !important;
}

.frameshape .btn-service-account-submit {
    background: #004098;
}

.layer-account-shape .choose-mode-list {
    right: 56px !important;
}

.hot-question-no {
    font-family: DaQi;
    font-size: 14px;
    color: #666666;
    text-align: center;
    font-weight: 400;
    margin: 0 12px 0 6px;
}

.question-no1 {
    color: #E03136;
}

.question-no1-point {
    background-image: linear-gradient(41deg, rgba(245, 159, 163, 0.00) 2%, #E8666A 100%);
}

.question-no2 {
    color: #E58228;
}

.question-no2-point {
    background-image: linear-gradient(41deg, rgba(236, 163, 96, 0.00) 2%, #ECA360 100%);
}

.question-no3 {
    color: #C8873C;
}

.question-no3-point {
    background-image: linear-gradient(41deg, rgba(236, 163, 96, 0.00) 2%, #E4B889 100%);
}

.no-point {
    width: 5px;
    height: 5px;
    background-size: 100% 100%;
    margin-left: -15px;
    z-index: 2;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    bottom: 0;
    left: 0;
    margin-right: 10px;
}

.lay_accout_name {
    margin-left: 35px;
}

/*
.PromptBox .suggestQue .imagine-highlight-color{
    color: #EB6101;
}*/

.frameshape .but-finish-session {
    background: #FFFFFF;
    border: 1px solid rgba(230,230,230,1);
    height: 30px;
    color: #333333;
}

.frameshape .but-end-service a {
    color: #333;
    height: 32px;
}

.frameshape .but-finish-session a:hover {
    border: none;
    color: #000;
    transition-duration: unset;
    border-radius: 0;
}

.frameshape .but-send a:hover {
    background-image: linear-gradient(180deg, #3F96F5 0%, #3076D6 100%);
    transition-duration: unset;
    border-radius: 4px;
}

.frameshape .customer-service .chat-content .big-button {
    background-image: linear-gradient(180deg, #3F96F5 0%, #3076D6 100%);
    min-width: 100px;
    border-radius: 4px;
}

.scrollbar1 .overview {
    padding-bottom: 12px;
}

.evaluate {
    border-top: none;
    margin-top: 5px;
}

.evaluate .evaluate-margin-left-46 {
    margin-left: 40px !important;
}

.evaluate .evaluate-login-acd {
    display: inline-block;
    background: url(../img/evaluate-acd.png) no-repeat 12px center;
    background-size: 15px auto;
    box-sizing: border-box;
    cursor: pointer;
    border: 0.5px solid rgba(230, 230, 230, 1);
}

.evaluate-useless {
    display: inline-block;
    background: url(../img/useless.svg) no-repeat 12px center;
    background-size: 15px auto;
    box-sizing: border-box;
    margin-left: 6px;
    cursor: pointer;
}

.evaluate-useful {
    display: inline-block;
    background: url(../img/useful.svg) no-repeat 12px center;
    background-size: 15px auto;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 46px;
}

.feed95575 {
    padding-right: 12px;
    font-size: 12px;
    line-height: 28px;
    padding-left: 30px;
    background-color: #FFFFFF;
    border: 0.5px solid rgba(230, 230, 230, 1);
    border-radius: 17px;
}


.evaluate[data-selected] .evaluate-useless:not(.evaluate-useless-selected),
.evaluate[data-selected] .evaluate-useful:not(.evaluate-useful-selected) {
    background-color: #F5F5F5;
    opacity: 0.5;
    border: 0.5px solid #F5F5F5;
}

.evaluate[data-selected] .evaluate-useful.evaluate-useful-selected {
    background: #fff url(../img/useful-selected.svg) no-repeat 12px center;
    color: #E72420;
}

.evaluate[data-selected] .evaluate-useless.evaluate-useless-selected {
    background: #fff url(../img/useless-selected.svg) no-repeat 12px center;
    color: #E72420;
}


.position-bot .stopQueue {
    margin-top: 15px !important;
    float: right;
    border: 1px solid #004098;
    color: #004098;
}

.position-bot .stopQueue a {
    color: #004098;
}


.layer-img-upload-failed-toast, .layer-submit-toast {
    border-radius: 8px !important;
}

.layer-img-upload-failed-toast .cancel-button {
    border-radius: 4px;
    border: 1px solid rgba(230,230,230,1);
    background: none;
    height: 36px;
    width: 86px;
}

.layer-img-upload-failed-toast .submit-button {
    border-radius: 4px;
    border: none;
    background-image: linear-gradient(180deg, #3F96F5 0%, #3076D6 100%);
    color: white;
    height: 36px;
    width: 86px;
    margin-right: 8px;
}

.layer-submit-toast .submit-button {
    border-radius: 4px;
    border: none;
    background-image: linear-gradient(180deg, #3F96F5 0%, #3076D6 100%);
    color: white;
    height: 36px;
    width: 86px;
}

.input-module .quoteMsgBox {
    background-color: #F3F6FD;
    border: 1px solid #004098;
}


.input-module .PromptBox {
    height: 108px;
}

.layer-account-shape .loadig-text {
    font-size: 14px;
}

.zIndex1{
    z-index: 1;
    position: relative;
}

.flex-with-center{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.scan-tips{
    height: 24px;
    width: 134px;
    margin-right: 10px;
}

.custom-hotline{
    width: 79px;
    height: 21px;
    margin-left: 18px;
}

.center-error-tip {
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
}


.frameshapeBr .common-faq-type {
    padding-top: 16px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    /*width: 100%;*/
    background: #fff;
    color: #606877;
    font-weight: 400;
    overflow-x: scroll;

    white-space: nowrap; /* 防止span元素换行 */
    -ms-overflow-style: none; /* 隐藏IE和Edge的默认滚动条 */
    /*scrollbar-width: none;*/
    padding-left: 12px;
    padding-right: 12px;
}
.common-faq-type-active{
    font-family: PingFangSC-Semibold;
    color: #1B2330;
    font-weight: 600;
}
.common-faq-type span{
    padding-right: 26px;
}

.common-faq-type span:hover{
    color: #1B2330;
    font-weight: 600;
    cursor: pointer;
}

/*滚动条轨道背景(默认在PC端设置)*/
.frameshapeBr .common-faq-type::-webkit-scrollbar-track {
    background-color: transparent;
}

/*滚动条轨道宽度 (默认在PC端设置)*/
.frameshapeBr .common-faq-type::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/*滚动条游标 (默认在PC端设置)*/
.frameshapeBr .common-faq-type::-webkit-scrollbar-thumb {
    border-radius: 0;
}

.common-faq-type span:last-child {
    padding-right: 0px;
}


.satis_entry{
    color: #004098;
}

.word-size {
    margin-right: 20px;
    background: none;
    font-size: 18px;
    line-height: 20px;
    color: #666;
}

.validate-custom-tip {
    width: auto !important;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
}

.frameshape .customer-service .chat-content{
    background: #f5f5f5;
}

.solved-common.evaluate-useful,
.solved-common.evaluate-useless,
.solved-common.evaluate-login-acd{
    font-size: 11px;
    color: #95A3B3;
}

.frameshape .customer-service .customer-service-logo,
.frameshape .customer .customer-service-logo {
    width: 40px;
    height: 40px;
}

.evaluate-useful {
    margin-left: 40px;
}

.frameshape .loooknore a,
.frameshape .Loading-hints a ,
.suggestQue,
.menuQue{
    color: #004098;
}


.code-container {
    width: 260px;
    top: 56px;
    right: 12px;
    position: absolute;
    z-index: 99;
    display: none;
    box-shadow: 0 0 5px #666666;
}

.code-wrapper{
    display: flex;
    flex-direction: row;
    background: white;
}

.code-container .code-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 6px;
}

.code-container .code-item .code-img{
    width: 120px;
    height: 120px;
}

.code-container .code-item .code-title{
    font-size: 10px;
    color: #000;
    line-height: 10px;
    margin-top: 6px;
    margin-bottom: 4px;
}

.layer-server-shape .form-shape .contact{
    margin-top: 30px;
}


.frameshape .customer-service .chat-content .break-remind-title{
    font-size: 16px;
    color: #212634;
    font-weight: 500;
    font-family: PingFangSC-Medium;
}

.frameshape .customer-service .chat-content .break-remind-notice{
    font-size: 14px;
    color: #212634;
    margin-top: 7px;
}

.frameshape .customer-service .chat-content .break-remind-choose{
    margin-top: 12px !important;
    margin-bottom: 4px;
}

.frameshape .customer-service .chat-content .break-remind-choose .endSession{
    text-decoration: none !important;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #004098;
}

.frameshape .customer-service .chat-content .break-remind-choose .renewSession{
    text-decoration: none !important;
    margin-left: 24px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #004098;
}

.Loading-hints .system-95575 {
    background: rgba(0, 64, 152, 0.08);
    border-radius: 4px;
    padding: 8px 16px 8px 16px;
    color: #004098;
    font-size: 14px;
    display: inline-block;
}

.Loading-hints .system-95575 .layermsg,
.Loading-hints .system-95575 .artificial,
.Loading-hints .system-95575 a{
    text-decoration: underline;
}

.Loading-hints .system-95575 a:hover{
    color: #004098;
}

.Loading-hints .end-session-msg{
    background: #F5F6FA;
    border-radius: 14px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #666666;
    text-align: center;
    font-weight: 400;
    line-height: normal;
}

.more-btn-wrapper .more-btn {
    width: 16px;
    height: 16px;
    margin-top: 12px;
    background-image: url(../img/msg-menu.svg);
}

.hs-pc-emoji{
    margin-right: 3px;
    width: 16px;
    height: 16px;
}

.input-module .quoteMsgBox{
    left: 0;
    padding: 8px 12px;
    flex-direction: row;
    align-items: center;
    border: 1px rgba(0, 64, 152, 0.1) solid !important;
    background-color: #f5f5f5 !important;
}
.input-module .quoteMsgBox .quoteMsg{
    line-height: 18px;
    font-size: 12px;
    color: #999;
    margin-left: 0;
    padding-left: 0;
}

/* 引用框（输入框上方）：个性化表情按系统表情 16px 显示，不放大到 120px */
.input-module .quoteMsgBox .quoteMsg img{
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
}

.quote-msg-container{
    border-left: 3px white solid;
    margin-left: 0;
    margin-bottom: 6px;
}

/* 聊天内容里的引用区域：多行大表情不被截断 */
.chat-content .quoteMsg{
    max-height: none !important;
    -webkit-line-clamp: unset !important;
}

    /*
    .customer-service .chat-content .suggestQue{
        margin: 8px 0 8px 4px;
        text-decoration: underline;
        display: inline-block;
    }

    .customer-service .chat-content .suggestQue:last-child {
        text-decoration: none;
    }*/

.error-tip{
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: 80%;
    padding: 0 16px;
    background: rgba(38, 38, 38, 0.8);
}