.chart-box{background:#f0f2f4;padding:.416667rem .555556rem;min-height:calc(100vh - .61111rem);font-family:Rubik-Regular,Rubik}.chart-box h1{margin-bottom:40Px;font-size:32Px;font-weight:500;color:#080808;font-family:Rubik-Medium,Rubik}.chart-box .chart-main{display:flex}.chart-box .chart-main .channl-ul{width:4.444444rem;height:625Px;overflow-y:auto;border-radius:.055556rem 0 0 .055556rem;background-color:#fff;position:relative;padding:.277778rem}.chart-box .chart-main .channl-ul .channl-item{padding:18Px 20Px;width:100%;max-height:81Px;display:flex;align-items:center;cursor:pointer;position:relative}.chart-box .chart-main .channl-ul .channl-item .user_icon{width:46Px;min-width:46Px;height:46Px;border-radius:50%;margin-right:20Px;background-size:cover;position:relative}.chart-box .chart-main .channl-ul .channl-item .user_icon .unread_count{position:absolute;right:-8Px;top:0;border-radius:15Px;min-width:16Px;height:16Px;background:#e7534e;border:1Px solid #fff;display:flex;align-items:center;justify-content:center}.chart-box .chart-main .channl-ul .channl-item .user_icon .unread_count .min-count{text-align:center;font-style:normal;scale:.4;font-size:20Px;font-weight:400;color:#fff}.chart-box .chart-main .channl-ul .channl-item .user_info{max-width:72%;width:72%}.chart-box .chart-main .channl-ul .channl-item .user_info .userName_box{font-size:15Px;font-weight:500;color:#080808;line-height:25Px}.chart-box .chart-main .channl-ul .channl-item .user_info .now_message{max-width:100%;font-size:13Px;font-weight:400;color:#8291a7;line-height:20Px;height:20Px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-box .chart-main .channl-ul .channl-item .new_message_time{position:absolute;right:20Px;font-size:12Px;font-weight:400;color:#8291a7;line-height:20Px;min-width:70Px;width:70Px;text-align:right}.chart-box .chart-main .channl-ul .channl-item.active{background:#f5f7f9}.chart-box .chart-main .channl-ul .channl-item:hover{background-color:#f5f7f9}.chart-box .chart-main .channl-ul .channl-item .delete_btn{position:absolute;right:120Px;background-color:#fff;margin-left:80Px;width:100Px;height:44Px;line-height:24Px;font-size:16Px;font-weight:400;color:#e7534e;padding:10Px;border-radius:4Px 8Px 8Px 8Px;box-shadow:0 4Px 8Px 0 rgba(0,0,0,.05)}.chart-box .chart-main .message-box{flex:1;height:625Px;background:#f5f7f9;border-radius:0 .055556rem .055556rem 0;padding:.277778rem 0 1.388889rem 0;position:relative}.chart-box .chart-main .message-box .messageUl{max-height:100%;padding:0 .277778rem}.chart-box .chart-main .message-box .messageUl .message_item{margin-bottom:.208333rem}.chart-box .chart-main .message-box .messageUl .message_item .time_box{width:100%;height:.097222rem;font-size:.083333rem;font-weight:400;color:#606069;line-height:.097222rem;text-align:center;margin-bottom:.208333rem}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box{display:flex;align-items:flex-start}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .user_icon{width:.319444rem;height:.319444rem;border-radius:0 0 0 0;opacity:1;background-color:#98fb98;border-radius:50%;margin-right:.138889rem;background-size:cover;cursor:pointer;transition:transform .2s}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .user_icon:hover{transform:scale(1.1)}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .user_message{max-width:80%;min-height:.284722rem;background:#fff;box-shadow:0 .027778rem .055556rem 0 rgba(0,0,0,.05);border-radius:.027778rem .111111rem .111111rem .111111rem;opacity:1;padding:.083333rem .138889rem}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .user_message video{height:auto;display:block}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .noText{line-height:20Px;font-size:14Px;font-weight:400;color:#303030;white-space:pre-line}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .profile-image{width:150Px;height:150Px;object-fit:cover;border:.006944rem solid #ccc;display:block}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox{display:flex;align-items:flex-start;justify-content:flex-end}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .user_message_wrapper{display:flex;flex-direction:column;align-items:flex-end;max-width:80%}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .user_message_wrapper .read_status{font-size:.083333rem;font-weight:400;color:#8291a7;margin-top:.027778rem;margin-right:.027778rem}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .user_message{max-width:100%;min-height:.284722rem;background:#7b7b7b;box-shadow:0 .027778rem .055556rem 0 rgba(0,0,0,.05);border-radius:.111111rem .111111rem .027778rem .111111rem;opacity:1;padding:.083333rem .138889rem}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .user_message video{height:auto;display:block}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .noText{line-height:20Px;font-size:14Px;font-weight:400;color:#fff;white-space:pre-line}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .profile-image{height:150Px;object-fit:cover;border:1Px solid #ccc;display:block}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .user_message{position:relative}.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .user_message .failed_icon,.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .user_message .loading_icon{position:absolute;left:-30Px;width:24Px;height:24Px;object-fit:cover;top:50%;margin-top:-12Px}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box,.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox{border-radius:16Px}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .fileBox,.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .fileBox{border-radius:16Px;padding:0;min-width:max-content}.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .fileBox img,.chart-box .chart-main .message-box .messageUl .message_item .user-message_box .fileBox video,.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .fileBox img,.chart-box .chart-main .message-box .messageUl .message_item .user-message_myBox .fileBox video{border-radius:16Px;border:none;max-height:300Px}.chart-box .chart-main .message-box .messageUl .message_item .card-message{width:2.486111rem;height:.763889rem;background:#fff;border-radius:.111111rem .111111rem .111111rem .111111rem;opacity:1;padding:.111111rem .1875rem;display:flex;align-items:center;margin:0 auto;cursor:pointer}.chart-box .chart-main .message-box .messageUl .message_item .card-message .card_img{width:.375rem;height:.375rem;border-radius:0 0 0 0;opacity:1;border-radius:50%;object-fit:cover;margin-right:.111111rem}.chart-box .chart-main .message-box .messageUl .message_item .card-message .card_msg{width:72%;max-width:72%;font-size:.125rem;font-family:Rubik-Medium,Rubik;font-weight:500;color:#080808;line-height:.173611rem}.chart-box .chart-main .message-box .messageUl .message_item .card-message .card_msg .center_r{justify-content:flex-start}.chart-box .chart-main .message-box .messageUl .message_item .card-message .card_msg .card_type{font-size:.097222rem;font-family:Rubik-Regular,Rubik;font-weight:400;color:#8291a7;line-height:.138889rem;margin-top:.013889rem}.chart-box .chart-main .message-box .messageInput_box{position:absolute;width:100%;height:1.388889rem;bottom:0}.chart-box .chart-main .message-box .messageInput_box .input_line{width:100%;height:.006944rem;background:#e9ecef;opacity:1}.chart-box .chart-main .message-box .messageInput_box .inner_box{height:calc(100% - .00694rem);padding:.138889rem;display:flex;flex-direction:column;justify-content:space-between}.chart-box .chart-main .message-box .messageInput_box .inner_box .textarea_box{position:relative}.chart-box .chart-main .message-box .messageInput_box .inner_box .textarea_box .userMessage_input{background:#fff;width:100%;height:.694444rem;resize:none;padding:.069444rem;outline:none;border:.006944rem solid #e0e0e0;border-radius:.055556rem;font-size:.111111rem;line-height:.111111rem;color:#303030}.chart-box .chart-main .message-box .messageInput_box .inner_box .havaFocus:before{opacity:0}.chart-box .chart-main .message-box .messageInput_box .inner_box .left_r .fileInput_label{position:relative}.chart-box .chart-main .message-box .messageInput_box .inner_box .left_r .fileInput_label .upload_btn{width:.166667rem;height:.166667rem;object-fit:contain;cursor:pointer}.chart-box .chart-main .message-box .messageInput_box .inner_box .left_r .fileInput_label #fileInput{position:absolute;width:.069444rem;height:.069444rem;z-index:-99;opacity:0}.chart-box .chart-main .message-box .messageInput_box .inner_box .left_r .sendMsg_btn{width:.694444rem;height:.305556rem;background:#080808;border-radius:.055556rem .055556rem .055556rem .055556rem;opacity:1;font-size:.097222rem;font-weight:400;color:#fff;line-height:.277778rem;margin-left:auto}