*{margin:0;padding:0}a{text-decoration:none}@media screen and (max-width:600px){.Part_one .drawer{padding:0 10px 0 10px!important}.Part_one .drawer,.Part_one .drawer img{width:16px!important;height:16px!important}.Left_side_area{width:100px!important;min-width:100px!important}.Left_side_area .Left_title{padding:12px 0 12px 0!important;font-size:12px!important}.Left_side_area .New_Conversation{font-size:10px!important;border-radius:6px!important;padding:6px 0!important}.Left_side_area .Conversation_Records{height:55%!important}.Left_side_area .Delect{padding:4px 0!important;border-radius:4px!important;margin-top:15px!important}.Left_side_area .Delect span{font-size:9px!important}.Left_side_area .Delect img{width:8px!important;height:8px!important}.Conversation_Records .Records{padding:10px 10px!important;font-size:8px!important}.Conversation_Records .Records img{width:14px!important;height:9px!important}.Feature .Plate{padding:8px 0 8px 10px!important}.Feature .Plate img{width:20px!important;height:20px!important;margin:0 6px 0 0!important}.Feature .Plate span{font-size:12px!important}.Right_side_area .Part_one{height:36px!important}.Part_one .Vip{margin:0 10px!important}.Part_one .Vip img{width:12px!important;height:10px!important;margin-right:4px!important}.Part_one .Vip span{font-size:8px!important}.Part_one .User img{width:18px!important;height:18px!important;margin:0 5px 0 0!important}.Part_one .User span{font-size:8px!important}.Part_two{height:calc(100vh - 106px - env(safe-area-inset-bottom))!important}.Part_auto .placeholder{height:30px!important}.Part_two .Part_auto{margin:0!important}.Part_auto .greeting .avatar{width:28px!important;height:28px!important;margin-right:6px!important}.Part_auto .greeting .Message{padding:6px!important;border-radius:4px!important;font-size:9px!important}.Part_auto .greeting{padding:8px 12px!important;margin-bottom:15px!important}.Part_Three .hottitle img{width:10px!important;height:15px!important;margin-right:7px!important}.Part_Three .hottitle span{font-size:14px!important}.Part_Three .hotwords{grid-gap:10px!important;margin-top:15px!important;margin-bottom:15px!important}.Part_Three .hotwords .Item{font-size:8px!important;height:42px!important;padding:0 10px!important}.Send_Message .Bottom_frame{padding:10px!important}.Send_Message .Bottom_frame .input{padding:10px 5px!important;font-size:10px!important;min-height:15px!important}.Send_Message .Bottom_frame .Send{font-size:12px!important;border-radius:4px!important;padding:8px 24px!important;margin-left:18px!important}}.el-drawer{width:auto!important}.Send_Message .Bottom_frame .Send{font-size:16px;color:#191a23;background:#76fbb9;border-radius:8px;padding:13px 33px;margin-left:30px}.Send_Message .Bottom_frame .input{border:none;height:auto;padding:15px 10px;font-size:16px;background:#f2f4f6;color:#333;line-height:normal;white-space:pre-wrap;word-break:break-all;display:block;position:relative;width:300px;max-height:100px;min-height:20px;overflow-y:scroll;flex:1;border-radius:5px}.Send_Message .Bottom_frame{display:flex;align-items:flex-end;position:relative;background:#fff;padding:15px}.Send_Message{bottom:0;width:calc(100% - 250px);position:fixed;box-sizing:border-box}.Part_Three .hotwords .Item span{overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.Part_Three .hotwords .Item{background:#fff;color:#333;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;height:70px;padding:0 15px}.Part_Three .hotwords{grid-template-columns:1fr 1fr 1fr;grid-gap:20px;margin-top:32px;margin-bottom:32px;display:grid}.Part_Three .hottitle span{font-size:24px;color:#333}.Part_Three .hottitle img{width:13px;height:18px;margin-right:10px}.Part_Three .hottitle{display:flex;align-items:center;justify-content:center;padding:0 15px}.Part_Three{width:72%;margin:auto;position:relative}.Part_auto .greeting .Message{position:relative;padding:10px;border-radius:5px;background:#fff;color:#333;font-size:14px;width:80%;white-space:break-spaces}.Part_auto .greeting .avatar{border-radius:50%;width:40px;height:40px;margin-right:10px;border:1px solid #fff;flex-shrink:0}.Part_auto .greeting{padding:10px 15px;display:flex;margin-bottom:20px}.Part_auto .placeholder{width:100%;height:70px}.Part_two .Part_auto::-webkit-scrollbar{display:none}.Part_two .Part_auto{overflow:auto;height:100%;margin:0 55px}.Part_two{width:100%;height:calc(100vh - 140px - env(safe-area-inset-bottom))}.Part_one .drawer,.Part_one .drawer img{width:24px;height:24px}.Part_one .drawer{display:flex;align-items:center;justify-content:center;padding:0 15px 0 30px}.Part_one .User span{color:#63646f;font-size:14px}.Part_one .User img{border-radius:50%;width:32px;height:32px;margin:0 10px 0 0}.Part_one .User{display:flex;align-items:center}.Part_one .Vip span{font-size:14px;color:#cf770f}.Part_one .Vip img{width:16px;height:14px;margin-right:5px}.Part_one .Vip{margin:0 24px;display:flex;align-items:center}.Right_side_area .Part_one{display:flex;align-items:center;width:100%;background:#fff;height:56px}.Feature .Plate span{color:#fff;font-size:16px}.Feature .Plate img{width:25px;height:25px;margin:0 10px 0 0}.Feature .Plate{padding:8px 0 8px 16px;display:flex;align-items:center}.Feature{padding:20px 0 0 0;display:flex;flex-direction:column;justify-content:center}.Conversation_Records .Records span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 5px;text-align:center;width:100%;font-size:13px;color:#fff}.Conversation_Records .Records img{width:18px;height:13px}.Conversation_Records .Records{display:flex;align-items:center;padding:15px 10px;font-size:13px;margin-bottom:10px}.Conversation_Records::-webkit-scrollbar{display:none}.Left_side_area .Conversation_Records{width:100%;height:55%;overflow:auto}.Left_side_area .New_Conversation{border:1px dashed #76fbb9;color:#76fbb9;padding:8px 0;margin:0 10px;margin-bottom:10px;font-size:14px;border-radius:8px;display:flex;align-items:center;justify-content:center}.Left_side_area .Delect span{font-size:14px;color:#fff}.Left_side_area .Delect img{width:14px;height:14px;margin-right:5px}.Left_side_area .Delect{display:flex;align-items:center;justify-content:center;padding:8px 0;border:1px solid #fff;border-radius:8px;margin:0 10px;margin-top:20px}.Left_side_area .Left_title{text-align:center;color:#abdfca;padding:12px 0 32px 0;font-size:24px}.Right_side_area{width:100%;height:100vh}.Left_side_area{width:250px;background:#000;min-width:250px;height:100vh}.page{width:100%;overflow:auto;background:linear-gradient(137deg,#ecf2f5,rgba(236,242,245,.64))}.auto,.page{display:flex;height:100vh}.auto{align-items:center;justify-content:center}