.n_module{height:400px;font-size:12px}.n_module .n_module_header .n_module_header_lef{display:flex;justify-content:space-bettwen;align-items:center}.n_module .n_module_header .n_module_header_name{margin-right:14px;width:80px}.n_module .message_area{width:100%;height:calc(100% - 30px);overflow-y:auto}.n_module .message_area .messgae_list{width:100%}.n_module .message_area .messgae_list .message_item{padding:0 10px;box-sizing:border-box;margin-top:8px;cursor:pointer}.n_module .message_area .messgae_list .message_item .message_time{font-size:12px;margin:0 auto;text-align:center;width:160px;background-color:#ccc;border-radius:20px;color:#fff;padding:2px 8px}.n_module .message_area .messgae_list .message_item .message_head{display:flex;align-items:center}.n_module .message_area .messgae_list .message_item .message_head .message_img{width:28px;height:28px;border-radius:50px;margin-right:10px}.n_module .message_area .messgae_list .message_item .message_head .mes_text{flex:1;word-break:break-all;font-size:14px;color:#333;font-weight:500;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.n_module .message_area .messgae_list .message_item .message_content{position:relative;min-height:115px;background-color:#fbfbfb;border-radius:6px;margin-top:8px;border:1px solid #ececec;padding:18px;transition:.3s}.n_module .message_area .messgae_list .message_item .message_content .mes_odd{font-size:12px;color:#666;margin-bottom:18px}.n_module .message_area .messgae_list .message_item .message_content:hover{box-shadow:0 2px 7px 0 rgba(185,185,208,.4)}.n_module .message_area .messgae_list .message_item .message_footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ededed;padding-top:11px}.n_module .message_area .messgae_list .message_item .message_footer>p:first-child{padding:0 8px;font-size:12px;border-radius:8px;line-height:28px;background-color:var(--primary-1);color:#4d4d4d}.n_module .message_area .messgae_list .message_item .message_footer>p:nth-child(2){font-size:12px;color:#999}.h_modul{height:60px;padding:0 16px 0 28px;box-shadow:0 1px 5px 0 rgba(157,148,142,.35);margin-bottom:4px;justify-content:space-between}.h_modul,.h_modul .h_modul_lef{display:flex;align-items:center}.h_modul .h_modul_lef{justify-content:center}.h_modul:hover .set-menu{display:block;cursor:pointer}.l_modul{width:137px;height:32px;display:flex;justify-content:center;align-items:center}.l_modul .l_modul_img{display:inline-block;width:124px;height:48px}.n_modul_mg{margin-left:30px}.h_modul_nav_navigation{display:flex;justify-content:flex-start;align-items:center}.h_modul_nav_navigation i{display:none}.back{color:#333;margin-left:28px;cursor:pointer}.n_modul{height:60px;font-size:14px;justify-content:center}.n_modul,.n_modul .n_modul_ul{display:flex;align-items:center}.n_modul .n_modul_ul{color:#747677;justify-content:flex-start}.n_modul .n_modul_ul .n_modul_ul_item{text-align:center;padding:0 18px;height:60px;line-height:60px;display:inline-block;position:relative;font-size:14px;border-right:transparent;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;cursor:pointer}.n_modul .n_modul_ul .n_modul_ul_item:before{position:absolute;width:30px!important;height:3px!important;border-radius:2px!important;margin-left:-15px!important;left:50%!important;background:var(--primary);bottom:0;content:"";width:0!important}.n_modul .n_modul_ul .n_modul_ul_item:hover{color:var(--primary)!important;font-weight:700}.n_modul .n_modul_ul .n_modul_ul_item:hover:before{position:absolute;width:30px!important;height:3px!important;border-radius:2px!important;margin-left:-15px!important;left:50%!important;background:var(--primary);bottom:0;content:"";transition:width .5s!important}.n_modul .n_modul_ul .borderRight:after{display:block;content:" ";width:1px;height:15px;position:absolute;right:0;top:25px;background-color:#eee}.n_modul .n_modul_ul .active{color:var(--primary)!important;font-weight:700}.n_modul .n_modul_ul .active:before{position:absolute;width:30px!important;height:3px!important;border-radius:2px!important;margin-left:-15px!important;left:50%!important;background:var(--primary);bottom:0;content:"";transition:width .5s!important}.na_modul{display:flex;justify-content:flex-start;align-items:center;font-size:14px}.na_modul .na_modul_svg{padding:4px;cursor:pointer}.na_modul .na_modul_svg:hover{color:#171a1d;background-color:#f1f2f3;border-radius:4px}.na_modul .na_modul_svg:nth-of-type(2){margin-right:0}.na_modul .margin_r{margin-right:8px}.na_modul .svg-icon{font-size:18px}.na_modul .na_modul_user{display:flex;justify-content:flex-start;align-items:center}.na_modul .na_modul_user .line{margin:0 8px;height:16px;border-right:1px solid #e5e6e8}.na_modul .na_modul_user .na_modul_user_info{cursor:pointer;font-size:14px;height:32px;line-height:32px;border-radius:6px;padding:0 4px}.na_modul .na_modul_user .na_modul_user_info:hover{background-color:#f1f2f3}.na_modul .na_modul_user .user_arrow{font-weight:400}.na_modul .na_modul_user .user_arrow:before{content:"";width:0;height:0;margin-left:2px;display:inline-block;vertical-align:middle;border-top:3px solid #999;border-right:3px solid transparent;border-left:3px solid transparent}.na_modul .na_modul_user .na_modul_user_img{width:24px;height:24px;display:inline-block;vertical-align:top;border-radius:14px;margin-left:8px;overflow:hidden;background-size:cover;background-image:url(https://img.vip.imocq.com/000-888b5817-3ef4-44b8-b94f-f1667fd2a466/20220511/1652247845017_003.png!w180)}.na_modul .na_modul_user .na_modul_user_img1{width:32px;height:32px;display:inline-block;vertical-align:top;margin-right:8px}.na_modul .na_modul_user .na_modul_user_img1 img{width:100%;height:100%;border-radius:14px}.user_popper{min-width:120px!important;padding:4px 0!important}.user_set{font-size:12px}.user_set .user_set_item{display:inline-block;width:100%;padding:12px 0;text-align:center;cursor:pointer}.user_set .user_set_item:hover{background-color:var(--primary-1);color:var(--primary)}.user_set .user_set_item_line{width:100%;display:block;height:1px;margin:4px 0;background-color:#f1f2f3}