img{display:block}.ChatPage{background:#16171a;color:#fff;display:flex;width:100%;height:100vh;overflow-x:hidden}.leftcontent{position:relative;width:100%;max-width:280px}.ChatPage .broadside{background:#282a30;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%}.ChatPage .broadside .ChatPagelogo{margin:0 auto;display:block}.ChatPage .broadside .ChatPagelogo img{width:100%}.ChatPage .broadside .sessionbtn{max-width:335px;width:80%;font-size:18px;display:inline-flex;align-items:center;justify-content:center;padding:1.2em 0}.ChatPage .broadside .sessionbtn i{max-width:24px;width:100%;margin-right:10px;display:inline-block}.ChatPage .broadside .sessionbtn span{display:flex;align-items:center}.ChatPage .broadside ul{max-height:60vh;overflow-y:auto;margin:3vh 20% 0}.ChatPage .broadside ul li{font-size:16px;display:flex;align-items:center;margin:20px 0;cursor:pointer}.ChatPage .broadside ul li i{max-width:24px;display:inline-block;width:100%;margin-right:10px}.ChatPage .broadside .footer{position:absolute;bottom:0;left:0;width:100%;padding-bottom:1vh}.ChatPage .broadside .footer .vip_up{padding:13px 32px;color:#99aaba;box-shadow:0 -1.33px 0 #000;text-align:left;cursor:pointer}.ChatPage .broadside .footer .vip_up img{width:40px;display:inline-block}.ChatPage .broadside .footer .user_icon{display:flex;align-items:center;position:relative;box-shadow:0 -1.33px 0 #000;padding:3vh 32px;cursor:pointer}.ChatPage .broadside .footer .user_icon img{margin-right:4%}.ChatPage .broadside .footer .user_icon span{position:absolute;right:10%;font-size:4vh}.ChatPage .broadside .fold_icon{width:30px;position:absolute;top:20px;right:-40px;z-index:2;cursor:pointer}.ChatPage .broadside.flod{left:-100%}.ChatPage .position{position:absolute}.ChatPage .stopcreat{background:#2e3033;border:none;color:#99aaba;float:right;margin-top:20px}.ChatPage .subMain{margin:auto;position:relative;background:#16171a;width:980px}.ChatPage .subject{margin:0 30px;position:relative;height:100vh}.ChatPage .subject .dialogue{max-width:980px;max-height:85vh;overflow-y:auto;height:85vh;padding:0 10px;overflow-x:hidden;scroll-behavior:smooth;transition:transform .5s ease-out}.ChatPage .subject .dialogue ul li{margin:21px 0 0;display:flex;align-items:flex-start}.ChatPage .subject .dialogue ul li .avatar{display:inline-block;width:40px;height:40px;background:#205cb0;text-align:center;line-height:46px;border-radius:50%;margin-right:27px}.ChatPage .subject .dialogue ul li div{background:#2e3033;padding:20px;border-radius:10px;width:100%}.ChatPage .subject .problem{max-width:1260px;position:absolute;display:flex;bottom:5vh;left:0;width:100%}.ChatPage .subject .problem i{width:60px;background:#fff;height:60px;display:inline-table;opacity:0}.ChatPage .subject .problem .QA{display:inline-block;height:70px;margin-left:20px;width:100%;line-height:60px;padding:0 40px 0 15px;position:relative;background:#2e3033;border-radius:8px;overflow:hidden}.ChatPage .subject .problem .QA .input{position:absolute;top:0;left:0;width:100%;z-index:2;line-height:100%;height:100%;background:none;padding:.4rem 0}.ChatPage .subject .problem .input textarea{height:100%;background:#2e3033;border:none;color:#fff;font-size:80%}.ChatPage .subject .problem .send_icon{position:absolute;right:2%;top:50%;width:30px;transform:translateY(-50%);cursor:pointer;z-index:5}.ChatPage .broadside ul::-webkit-scrollbar,.ChatPage .subject .dialogue::-webkit-scrollbar{width:0;height:0}.ChatPage .subject .problem .input textarea::-webkit-scrollbar{width:0;height:0}@media only screen and (max-width:750px){.ChatPage .broadside{left:-100%}.ChatPage .subject .problem .input{height:40px}.ChatPage .subject .problem i{width:40px;height:40px}.ChatPage .subject .dialogue{height:85vh;max-height:95vh}.ChatPage .subject .fold_icon{left:0}.ChatPage .broadside .sessionbtn,.ChatPage .broadside ul li{font-size:12px}.ChatPage .leftcontent{position:absolute}.ChatPage .position{position:relative;width:100%;max-width:280px}.ChatPage .broadside.flod{left:0}.ChatPage .subjectcontent{width:40%}}@keyframes flicker{0%{opacity:1}50%{opacity:0}to{opacity:1}}