.chat{width:392px;height:45px;position:fixed;right:0;bottom:0;z-index:10000000;box-shadow:0 -3px 10px 0 #333;background-color:#14274d;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.chat .chat-header{width:100%;height:45px;line-height:45px;text-indent:1em;position:absolute;-webkit-transform:translateZ(0);top:0;left:0;z-index:1;color:#fff;cursor:pointer}.chat .chat-header .chat-full{width:22px;height:22px;top:12px;right:42px;position:absolute;background:url(https://img.ledayun.com.cn/g0/p126/97QynMnrtY.png) no-repeat center center;transform:rotateZ(180deg)}.chat .chat-header .chat-hide{transform:rotateZ(0deg)}.chat .chat-header .chat-close{width:22px;height:22px;top:12px;right:5px;position:absolute;background:url(https://img.ledayun.com.cn/g0/p126/LydjlHFZt2.png) no-repeat center center}.chat .chat-main{margin-top:45px;height:450px;background-color:#fff;padding-bottom:100px}.chat .chat-main .chat-main-robot{height:24px;line-height:24px;border-bottom:1px solid #bbb;margin:4px 10px;color:#000;font-weight:bold;font-size:12px}.chat .chat-main .chat-main-robot .time-start{float:right}.chat .chat-main .chat-main-content{height:320px;overflow-y:auto}.chat .chat-main .chat-main-content .msg-wrapper{padding-left:10px;clear:both;margin-top:4px;margin-right:5px;word-break:break-all;word-wrap:break-word}.chat .chat-main .chat-main-content .msg-wrapper .title-tag{color:#4a4949;font-weight:bold}.chat .chat-main .chat-main-content .msg-wrapper .title-tag .create-time{font-size:12px;margin-left:5px}.chat .chat-main .chat-main-content .msg-wrapper .msg{color:#0d66d4;margin-bottom:10px}.chat .chat-footer{display:none;width:100%;height:100px;position:absolute;bottom:0;left:0;border-top:1px solid #ccc}.chat .chat-footer .message-wrapper{margin:5px 15px;height:60px;background:#fff}.chat .chat-footer .message-wrapper .message-wrapper-textarea{display:block;width:100%;height:60px;border:none;background:#fff;overflow:auto;resize:none}.chat .chat-footer .message-wrapper .message-wrapper-textarea:focus,.chat .chat-footer .message-wrapper .message-wrapper-textarea:hover{outline:none}.chat .chat-footer .chat-footer-send{width:100%;line-height:30px;font-size:16px;color:#fff;text-align:center;display:block;background-color:#293752;cursor:pointer}.chat-mobile{display:none;position:fixed;width:60px;height:60px;line-height:60px;background-color:rgba(41,54,81,.42);bottom:30px;right:10px;border-radius:50%;background-image:url(/public/image/mobile_message.png);background-position:center center;background-repeat:no-repeat;z-index:999999}@media(max-width: 768px){.chat{display:none;width:100%}.chat-mobile{display:block}}