@media (min-width:769px) and (max-width:1300px){html{font-size:16px!important}body,html{overscroll-behavior:none}.el-badge .el-badge__content{box-sizing:border-box}.el-input .el-input__inner{height:2.125rem;line-height:2.125rem;font-size:1.125rem}.el-message-box .el-message-box__btns span,.el-message-box .el-message-box__content{font-size:1.125rem}.kefu-layouts.kefu-layouts.kefu-layouts{padding:0}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container{width:100%;height:100%}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header{height:3.5rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header .user_info div,.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header .user_info span{font-size:1.25rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header .out-btn{font-size:1.125rem;height:auto;line-height:normal;padding:.3125rem .1875rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content{height:calc(100vh - 56px)}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList{width:26vw;height:100%}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .__view{max-width:100%!important;width:100%!important}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .__view .chat-item{box-sizing:border-box;display:grid;grid-template-columns:15% 55% 30%;height:5rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .__view .chat-item .user-info{width:auto}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .__view .chat-item .user-info .hd{font-size:1.25rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .__view .chat-item .user-info .hd span{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .__view .chat-item .user-info .bd{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .__view .chat-item .right-box .time{text-align:right}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .__view .chat-item .right-box .num{position:unset}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content{width:50vw;height:calc(100vh - 56px)}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body{height:calc(100vh - 275px)}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body .happy-scroll-container{width:auto!important;height:100%!important}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body .happy-scroll-container .happy-scroll-content{width:100%;border:0!important}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body .happy-scroll-container .happy-scroll-content #chat_scroll{box-sizing:border-box;width:100%!important}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body .happy-scroll-container .happy-scroll-content #chat_scroll .chat-item .msg-wrapper{font-size:1.125rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-textarea-wp{height:11.25rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-textarea-wp .chat-btn-wrapper{padding:.625rem 0}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-textarea-wp .textarea-box .chat-textarea{font-size:1.25rem!important}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper{width:24vw;overflow-y:auto}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper::-webkit-scrollbar{width:6px}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper::-webkit-scrollbar-thumb:hover{background:#9c9898}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper .user-wrapper .user .user-infos .name{font-size:1.125rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper .user-wrapper .user .user-infos .label,.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper .user-wrapper .user-info .item,.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper .user-wrapper .user-info .item span{font-size:1rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content>.right-wrapper .video-wrap-box{width:100%}}@media (max-width:768px){html{font-size:16px!important}body,html{overscroll-behavior:none}.el-badge .el-badge__content{box-sizing:border-box}.base-header .left-header-wrapper .search_box{width:7.5rem!important}.base-header .left-header-wrapper .search_box .el-input__inner{width:7.5rem;height:1.75rem;line-height:1.75rem;font-size:.875rem}.el-message-box{width:80vw!important}.el-message-box .el-message-box__content{font-size:1rem}.el-notification{width:auto!important}.el-message{min-width:auto!important;padding:.625rem!important}.el-drawer .el-drawer__header{margin:0}.el-drawer .el-drawer__body .right-wrapper{width:100%!important}.el-drawer .el-drawer__body .right-wrapper .video-wrap-box{width:100%}.el-drawer .el-drawer__body .right-wrapper .user-wrapper .user .user-infos .name{font-size:.75rem}.el-drawer .el-drawer__body .right-wrapper .product-box{font-size:.8125rem}.kefu-layouts.kefu-layouts.kefu-layouts{padding:0;background:#fff}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container{width:100%;height:100%}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header{height:2.8125rem;padding:0 1.5625rem 0 .9375rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header .left-header-wrapper{justify-content:space-between}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header .left-header-wrapper .el-icon-back{font-size:1.5625rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header .left-header-wrapper .user_info img{width:35px;height:35px}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header .left-header-wrapper .user_info .status-box,.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .base-header .left-header-wrapper .user_info>span{font-size:.8125rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList{width:100%;height:100%;border:0}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .chat-item:not(:last-child){border-bottom:1px solid #ececec}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .chat-item .right-box .num{position:static}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .chat-item .user-info .bd{overflow:hidden;text-overflow:ellipsis}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chatList .active{background:#fff}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content{width:100%}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body{height:calc(100vh - 251px)}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body .happy-scroll{height:100%}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body .happy-scroll .happy-scroll-container #chat_scroll{padding:.625rem!important}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-body .happy-scroll .happy-scroll-container #chat_scroll .flex-box .msg-wrapper{max-width:50%!important}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .service .service-item{font-size:.8125rem;padding:.5rem}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-textarea-wp{height:10.625rem!important}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-textarea-wp .chat-btn-wrapper{padding:.3125rem 0}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-textarea-wp .chat-btn-wrapper .right-wrapper{display:flex;align-items:center}.kefu-layouts.kefu-layouts.kefu-layouts .chat-container .main-content .chat-content .chat-textarea-wp .el-textarea__inner{border-radius:0;border-left:0;border-right:0}}*{margin:0;padding:0}