.index-wrap{display:flex;width:100%;height:100%;background-color:#f7f7f7;overflow:hidden}.index-wrap :deep(.el-dialog){border-radius:12px}.index-wrap .service{display:flex;flex-direction:column;align-items:center;justify-content:center}.index-wrap .service img{width:200px;height:200px}.index-wrap .service .tip{margin-top:20px;font-size:14px;color:#999}.index-wrap .left{display:flex;flex-direction:column;padding:26px 20px 20px;width:258px;height:100%}.index-wrap .left .top{padding:0 12px}.index-wrap .left .top .logo img{width:86%;cursor:pointer}.index-wrap .left .interval{margin:18px auto;width:180px;border-bottom:1px solid rgba(79,89,102,.12)}.index-wrap .left .robot-list{flex:1}.index-wrap .left .robot-list .item{display:flex;align-items:center;padding:0 14px;height:46px;font-size:14px;color:#000;border-radius:32px;cursor:pointer}.index-wrap .left .robot-list .item:hover{opacity:.8}.index-wrap .left .robot-list .item svg{margin-right:10px;width:26px;height:26px;fill:#409eff}.index-wrap .left .robot-list .sizhi{background-color:#fff6;border:1px solid #fff}.index-wrap .left .user-box{display:flex;flex-direction:column;padding:0 10px}.index-wrap .left .user-box .service-list{display:flex;align-items:center;justify-content:space-between;margin:0 -6px;padding-left:0;padding-right:15px}.index-wrap .left .user-box .service-list .item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer}.index-wrap .left .user-box .service-list .item:hover svg{fill:#409eff}.index-wrap .left .user-box .service-list .item svg{width:16px;height:16px;fill:#777}.index-wrap .left .user-box:deep(.el-dropdown) .el-popper{inset:auto auto 40px 48px!important}.index-wrap .left .user-box .el-dropdown-link{display:flex;align-items:center;outline:none;cursor:pointer;font-size:14px}.index-wrap .left .user-box .el-dropdown-link .user{margin-right:8px;width:28px;line-height:28px;text-align:center;color:#fff;font-size:12px;border-radius:50%;background-color:#409eff}.index-wrap .left .user-box .control-btn{display:flex;align-items:center;font-size:13px;color:#777;white-space:nowrap;cursor:pointer}.index-wrap .left .user-box .control-btn svg{margin:2px 12px 0 4px;width:20px;height:20px;fill:#777}.index-wrap .left .user-box .control-btn:hover{color:#409eff}.index-wrap .left .user-box .control-btn:hover svg{fill:#409eff}.index-wrap .left .user-box .login-btn{padding:21px 15px;width:100%;border-radius:24px}.index-wrap .right{display:flex;flex-direction:column;width:calc(100vw - 258px);border-radius:12px 0 0 12px;background-color:#fff}.index-wrap .right .content{width:100%;height:100%;padding:20px;overflow-y:auto;overflow-x:hidden}.index-wrap .right .content::-webkit-scrollbar{height:6px;width:6px;margin-right:10px}.index-wrap .right .content::-webkit-scrollbar-thumb{background:#0000002f;border-radius:4px;cursor:default}.index-wrap .right .content .msg-list{display:flex;flex-direction:column;gap:16px;padding-bottom:40px}.index-wrap .right .content .msg-list .init-info{display:flex;flex-direction:column;align-items:center;width:100%}.index-wrap .right .content .msg-list .init-info>.title{display:flex;flex-direction:column;align-items:center;padding:20px 0 0}.index-wrap .right .content .msg-list .init-info>.title svg{width:36px;height:36px;fill:#409eff}.index-wrap .right .content .msg-list .init-info>.title>div:nth-child(2){margin-top:16px;font-size:28px;font-weight:600;color:#26244c}.index-wrap .right .content .msg-list .init-info>.title>div:nth-child(3){margin-top:12px;font-size:16px;color:#3f3f3f}.index-wrap .right .content .msg-list .init-info>.title>div:nth-child(4){margin-top:12px;font-size:14px;color:#878aab}.index-wrap .right .content .msg-list .init-info .recommend{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;max-width:1000px}.index-wrap .right .content .msg-list .init-info .recommend .item{width:calc(33.33333% - 5.33333px);padding:16px 24px 10px;background:#fff;border:1px solid transparent;border-radius:16px;cursor:pointer;height:80px;box-shadow:0 1px 20px #00000012}.index-wrap .right .content .msg-list .init-info .recommend .item:hover{background-color:#409eff0d;border-color:#409eff}.index-wrap .right .content .msg-list .init-info .recommend .item .title{display:flex;align-items:center;font-size:16px;font-weight:500;color:#26244c;line-height:24px}.index-wrap .right .content .msg-list .init-info .recommend .item .title img{margin-right:8px;width:24px;height:24px}.index-wrap .right .content .msg-list .init-info .recommend .item .text{color:#878aab;font-size:14px;line-height:24px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-wrap .right .content .msg-list .msg-item{display:flex;justify-content:flex-end;width:100%}.index-wrap .right .content .msg-list .msg-item .answer,.index-wrap .right .content .msg-list .msg-item .question{position:relative;max-width:85%;padding:12px;line-height:22px;font-size:14px;color:#fff;border-radius:20px 4px 20px 20px;background-color:#409eff}.index-wrap .right .content .msg-list .msg-item .answer{margin-right:auto;border-radius:4px 20px 20px;color:#24292f;background-color:#f7f7f7}.index-wrap .right .content .msg-list .msg-item .answer .cursor{display:inline-block;width:2px;height:18px;animation:blink 1.2s step-end infinite;margin-left:2px;vertical-align:sub;background-color:#111}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.index-wrap .right .bottom{padding:12px 14px 0}.index-wrap .right .bottom .btn{display:flex;align-items:center;justify-content:center;margin-right:10px;width:32px;height:32px;border-radius:8px;cursor:pointer}.index-wrap .right .bottom .btn:hover{background-color:#4f596614}.index-wrap .right .bottom .send-type{display:flex}.index-wrap .right .bottom .send-type .btn svg{width:20px;height:20px}.index-wrap .right .bottom .input{padding:12px 16px 6px;margin-top:12px;background-color:#f7f7f7;border-radius:16px;border:1px solid transparent;transition:border-color .2s}.index-wrap .right .bottom .input:hover{border-color:#409eff}.index-wrap .right .bottom .input textarea{width:100%;min-height:72px;max-height:144px;overflow:auto;font-size:14px;line-height:24px;color:#242424;background-color:transparent;outline:none;border:none;resize:none;font-family:inherit;overflow-y:auto!important;overscroll-behavior:contain;word-wrap:break-word;white-space:pre-wrap}.index-wrap .right .bottom .input textarea::-webkit-scrollbar{height:6px;width:6px;margin-right:10px}.index-wrap .right .bottom .input textarea::-webkit-scrollbar-thumb{background:#0000002f;border-radius:4px;cursor:default}.index-wrap .right .bottom .input textarea::-webkit-scrollbar-track{background:transparent}.index-wrap .right .bottom .input .send-btn{margin-right:-10px;margin-left:auto}.index-wrap .right .bottom .input .send-btn svg{width:18px;height:18px;fill:#c0c5cc}.index-wrap .right .bottom .input .able svg{fill:#409eff!important}.index-wrap .right .bottom .focus{border-color:#409eff!important}.index-wrap .right .bottom .footer{display:flex;justify-content:center;align-items:center;padding:6px 0;font-size:12px;color:#bbb}.index-wrap .right .bottom .footer a{font-size:12px;color:#bbb;text-decoration:none}@media screen and (max-width:1366px)and (orientation:landscape){.recommend{max-width:80%!important}}@media screen and (max-width:1000px)and (orientation:landscape){.recommend .item{width:100%!important}}@media screen and (max-width:1200px)and (orientation:portrait){.index-wrap{display:block;position:absolute;box-sizing:border-box}.index-wrap,.index-wrap .right{height:100%;width:100%}.index-wrap .right .h5-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:0 .533333rem;height:1.066667rem}.index-wrap .right .h5-header .logo{width:2.666667rem}.index-wrap .right .h5-header .el-dropdown .el-dropdown-link{outline:none}.index-wrap .right .h5-header .el-dropdown .user{padding:.125rem .266667rem;font-size:.373333rem}.index-wrap .right .h5-header .login-btn{padding:0 .32rem;font-size:.32rem;line-height:.64rem;color:#fff;background-color:#409eff;border-radius:.106667rem}.index-wrap .right .content{padding:.533333rem .4rem 0;overflow-y:auto}.index-wrap .right .content .msg-list{width:calc(100vw - .8rem);padding-bottom:1.066667rem;gap:.426667rem}.index-wrap .right .content .msg-list .init-info{padding:0 .266667rem}.index-wrap .right .content .msg-list .init-info .recommend{max-width:unset;width:100%;padding:0;gap:.213333rem 3%}.index-wrap .right .content .msg-list .init-info .recommend .item{padding:.426667rem .64rem .266667rem;height:unset;width:48.5%;border-radius:.426667rem}.index-wrap .right .content .msg-list .init-info .recommend .item .title{font-size:.32rem;line-height:.64rem}.index-wrap .right .content .msg-list .init-info .recommend .item .title img{margin-right:.213333rem;width:.6rem;height:.6rem}.index-wrap .right .content .msg-list .init-info .recommend .item .text{margin-top:.16rem;font-size:.26rem;line-height:.64rem}.index-wrap .right .content .msg-list .msg-item .answer,.index-wrap .right .content .msg-list .msg-item .question{max-width:100%;font-size:.373333rem;line-height:.586667rem;padding:.213333rem .32rem}.index-wrap .right .content .msg-list .msg-item .answer .popper-func-list,.index-wrap .right .content .msg-list .msg-item .question .popper-func-list{display:flex;justify-content:flex-end;padding-top:.16rem;margin-top:.16rem;border-top:.026667rem solid #f4f6f8}.index-wrap .right .content .msg-list .msg-item .answer .popper-func-list .func-item,.index-wrap .right .content .msg-list .msg-item .question .popper-func-list .func-item{display:flex;align-items:center;justify-content:center;margin-left:.266667rem;width:.64rem;height:.64rem}.index-wrap .right .content .msg-list .msg-item .answer .popper-func-list .func-item svg,.index-wrap .right .content .msg-list .msg-item .question .popper-func-list .func-item svg{width:.426667rem;height:.426667rem;fill:#8a939d}.index-wrap .right .content .msg-list .msg-item .question{border-radius:.533333rem .106667rem .533333rem .533333rem;box-shadow:0 .026667rem .533333rem #0000000a;word-wrap:break-word}.index-wrap .right .content .msg-list .msg-item .answer{border-radius:.106667rem .533333rem .533333rem}.index-wrap .right .content .msg-list .msg-item .answer .cursor{width:.053333rem;height:.48rem}.index-wrap .right .bottom{padding:.32rem .373333rem 0}.index-wrap .right .bottom .btn{margin-right:.266667rem;width:.853333rem;height:.853333rem;border-radius:.213333rem}.index-wrap .right .bottom .send-type .btn svg{width:.533333rem;height:.533333rem}.index-wrap .right .bottom .input{position:relative;display:flex;padding:.1rem .426667rem;margin-top:.32rem;border-radius:.426667rem;border:.026667rem solid transparent}.index-wrap .right .bottom .input:hover{border-color:transparent}.index-wrap .right .bottom .input textarea{padding:0;min-height:.853333rem;max-height:3.84rem;font-size:.373333rem;line-height:.55rem}.index-wrap .right .bottom .input textarea::-webkit-scrollbar{height:.16rem;width:.16rem;margin-right:.266667rem}.index-wrap .right .bottom .input textarea::-webkit-scrollbar-thumb{border-radius:.106667rem}.index-wrap .right .bottom .input .send-btn{position:absolute;right:.425rem;bottom:.14rem;margin-top:-.16rem;margin-right:-.16rem}.index-wrap .right .bottom .input .send-btn svg{width:.48rem;height:.48rem}.index-wrap .right .bottom .input .faker-input{margin:.2rem 0;max-height:3.84rem;width:90%;font-size:.373333rem;line-height:.55rem;color:#c0c5cc;overflow-y:scroll;word-wrap:break-word}.index-wrap .right .bottom .focus{display:block}.index-wrap .right .bottom .focus .send-btn{position:unset;left:unset;bottom:unset}.index-wrap .right .bottom .footer{flex-wrap:wrap;padding:.16rem .533333rem;font-size:.266667rem}.index-wrap .right .bottom .footer a{font-size:.266667rem}}div:has(>.self-popper){width:calc(100% - 258px);height:calc(100% - 215px);position:fixed;top:0;right:0;pointer-events:none;overflow:hidden}.self-popper{min-width:100px!important;width:unset!important;padding:0!important;pointer-events:auto}.self-popper .popper-func-list{display:flex;padding:4px}.self-popper .popper-func-list .func-item{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;cursor:pointer}.self-popper .popper-func-list .func-item:hover{background-color:#4f596614}.self-popper .popper-func-list .func-item:hover svg{fill:#409eff}.self-popper .popper-func-list .func-item svg{width:16px;height:16px;fill:#8a939d}@media screen and (max-width:1200px)and (orientation:portrait){div:has(>.self-popper){width:100%;height:100%}div:has(>.self-popper) .el-dropdown__popper{pointer-events:auto}body{min-height:unset}body,body #app{height:100%}}