.web{width:calc(100% - .02667rem);height:calc(100% - .02667rem);border-radius:.02667rem;box-shadow:0 .01333rem .16rem 0 rgba(0,0,0,.2);border:.01333rem solid #cdcdcd}.web_msg_nav{width:.8rem;height:100%;background-color:#2b2b2c}.web_msg_nav .web_tx{position:relative;width:.45333rem;height:.45333rem;margin:.26667rem 0 .4rem;cursor:pointer}.web_msg_nav .web_tx img{border-radius:.05333rem;overflow:hidden;object-fit:cover}.web_msg_nav .web_tx .web_tx_tag{position:absolute;right:-.04rem;bottom:-.04rem}.web_msg_nav .web_tx .web_tx_tag.b{-webkit-animation:warn 1.5s ease-out 0s infinite;animation:warn 1.5s ease-out 0s infinite}.web_msg_nav .web_nav_list{position:relative;height:calc(100% - 1.38667rem)}.web_msg_nav .web_nav_list li{margin-bottom:.4rem;cursor:pointer}.web_msg_nav .web_nav_list li i{color:#8c8c8c;font-size:.32rem}.web_msg_nav .web_nav_list li.active:hover i,.web_msg_nav .web_nav_list li.active i{color:#07c160}.web_msg_nav .web_nav_list li:hover i{color:#fff}.web_msg_nav .web_nav_list li:last-child{position:absolute;bottom:0;margin-bottom:0}.web_status_tag{display:inline-block;width:.16rem;height:.16rem;border-radius:50%}.web_status_tag.a{background-color:#07c160}.web_status_tag.b{background-color:#ee0a24}@-webkit-keyframes warn{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:1}40%{opacity:1}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:.7}}@keyframes warn{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:1}40%{opacity:1}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:.7}}.web_status_name{margin-left:.08rem}.web_status{position:absolute;left:-.17333rem;top:.48rem;z-index:996;border-radius:.05333rem;overflow:hidden;background-color:#fff}.web_status li{line-height:.48rem;width:.8rem}.web_status li:hover{background-color:#ddd}.web_msg_box{width:3.33333rem;height:100%;overflow:hidden;background-color:#e7e7e7}.web_msg_box .web_msg_box_search{height:.74667rem}.web_msg_chat{width:10rem;height:100%;background-color:#f5f5f5}.van-search{background-color:#e7e7e7!important}.van-search__content{background-color:#dbd9d8!important}.PC .hb,.PC .hb_list{max-width:5.01333rem;height:8.90667rem;top:50%!important;left:0!important;margin-top:-4.45333rem;box-shadow:0 .01333rem .16rem 0 rgba(0,0,0,.2)}.friends[data-v-90951026]{height:100%;overflow:hidden;overflow-y:auto;background-color:#e7e7e7}.PC .friends[data-v-90951026]{height:calc(100% - .74667rem)}.friends_list .f_list_item[data-v-90951026]{height:.64rem;min-width:.64rem;padding:.09333rem 0 .09333rem .2rem;background-color:#e7e7e7;background:#fff;cursor:pointer}.f_list_tx img[data-v-90951026]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:.46667rem;height:.46667rem;border:none;border-radius:.02667rem;margin-right:.2rem;object-fit:cover}.f_list_tag[data-v-90951026]{display:inline-block;height:.64rem;line-height:.62667rem;color:green}.m_box{width:100%;height:calc(100% - .66667rem)}.m_header{position:relative;z-index:996;height:.64rem;padding:0 .21333rem;color:#fff;font-size:.21333rem}.m_header span{width:.77333rem;height:100%}.m_header .m_header_title{width:1.6rem}.m_header .m_header_right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.m_header .m_header_right img{width:.29333rem;height:.29333rem}.m_header .m_header_r{font-size:.26667rem}.m_header .m_header_r span{margin-left:.21333rem;width:.77333rem}.m_con{height:calc(100% - .64rem);background-color:#f5f6fa;overflow:hidden;overflow-y:auto}.tab_ico{display:inline-block;width:.28rem;height:.26667rem;overflow:hidden;background-repeat:no-repeat;background-size:100%}.tab_ico0{background-position:0 0}.tab_ico1{background-position:left -.28rem}.tab_ico2,.tab_ico3{background-position:left -.56rem}.tab_ico4{background-position:left -.84rem}.van-search--show-action[data-v-b995e994]{width:100%;padding:0!important}.midbar[data-v-b995e994]{position:relative;top:-.21333rem;z-index:2;width:.61333rem;height:.61333rem;border-radius:50%}.midbar[data-v-b995e994]:before{content:"";position:absolute;left:50%;top:50%;width:.24rem;margin-left:-.12rem;margin-top:-.01333rem;border-top:.02667rem solid #fff}.midbar.isAfter[data-v-b995e994]:after{content:"";position:absolute;left:50%;top:50%;height:.24rem;margin-top:-.12rem;margin-left:-.01333rem;border-left:.02667rem solid #fff}.mid_page[data-v-b995e994]{position:absolute;left:0;right:0;bottom:0;z-index:1000;margin:.13333rem auto;width:calc(100% - .26667rem);padding:.33333rem 0 .4rem 0;border-radius:.2rem;overflow:hidden}.mid_page[data-v-b995e994]:after{content:"";width:.93333rem;height:.93333rem;box-shadow:0 0 0 6.66667rem #fff;border-radius:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute;left:50%;bottom:-.82667rem;z-index:-1}.mid_page_item[data-v-b995e994]{width:25%}.mid_list_img[data-v-b995e994]{width:.48rem;height:.48rem;border-radius:50%;border:none;vertical-align:middle}.mid_list_name[data-v-b995e994]{width:90%;height:.34667rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.16rem;margin-top:.10667rem;color:#333;text-align:center}.fade-enter-active[data-v-b995e994],.fade-leave-active[data-v-b995e994]{-webkit-animation:u-data-v-b995e994 1.5s ease;animation:u-data-v-b995e994 1.5s ease;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}.fade-leave-active[data-v-b995e994]{-webkit-animation:v-data-v-b995e994 .3s ease;animation:v-data-v-b995e994 .3s ease}.fade-enter-active .mid_lists[data-v-b995e994]{-webkit-animation:w-data-v-b995e994 .7s ease;animation:w-data-v-b995e994 .7s ease}.fade-enter-active .mid_lists[data-v-b995e994]:nth-child(5n+2){-webkit-animation-duration:.9s;animation-duration:.9s}.fade-enter-active .mid_lists[data-v-b995e994]:nth-child(5n+3){-webkit-animation-duration:1.1s;animation-duration:1.1s}.fade-enter-active .mid_lists[data-v-b995e994]:nth-child(5n+4){-webkit-animation-duration:1.3s;animation-duration:1.3s}.fade-enter-active .mid_lists[data-v-b995e994]:nth-child(5n+5){-webkit-animation-duration:1.5s;animation-duration:1.5s}@-webkit-keyframes u-data-v-b995e994{0%{-webkit-transform:scale(0);transform:scale(0)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes u-data-v-b995e994{0%{-webkit-transform:scale(0);transform:scale(0)}20%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes v-data-v-b995e994{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes v-data-v-b995e994{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes w-data-v-b995e994{0%,20%{-webkit-transform:translateY(100%);transform:translateY(100%)}40%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}60%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes w-data-v-b995e994{0%,20%{-webkit-transform:translateY(100%);transform:translateY(100%)}40%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}60%{-webkit-transform:translateY(0);transform:translateY(0)}}.M .layout[data-v-3946c100]{width:100%;height:100%;margin:0 auto;position:relative}.PC .layout[data-v-3946c100]{width:14rem;height:8.88rem;position:absolute;left:50%;top:50%;margin:-4.44rem 0 0 -7rem;overflow:hidden}.login[data-v-5b1c4259]{background:#f6f5f7;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.login_msg[data-v-5b1c4259]{position:absolute;bottom:0;right:0;font-size:.16rem;color:#666;padding:0 .21333rem;line-height:.48rem;cursor:pointer}.login_msg span[data-v-5b1c4259]{margin-left:.05333rem}.dowebok[data-v-5b1c4259]{background:#fff;border-radius:.08rem;box-shadow:0 .01333rem .16rem 0 rgba(0,0,0,.2);position:relative;overflow:hidden;width:4.26667rem;min-height:5.6rem;max-height:6.4rem}.dowebok.active[data-v-5b1c4259]{padding:.26667rem 0}.form-container[data-v-5b1c4259]{position:absolute;top:0;left:0;z-index:2;height:100%;width:100%;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.form-container .form_box[data-v-5b1c4259]{position:relative;background:#fff;padding:0 .66667rem;height:100%;text-align:center}.form-container .form_box h1[data-v-5b1c4259]{font-weight:700;margin:0 0 .4rem}.form-container .form_box input[data-v-5b1c4259]{background:#eee;border:none;padding:.16rem .2rem;margin:.10667rem 0;width:100%;outline:none}.form-container .form_box .input_box[data-v-5b1c4259]{width:100%;height:.53333rem;background:#eee;padding:0 .2rem;margin:.10667rem 0}.form-container .form_box .input_box input[data-v-5b1c4259]{background:#eee;border:none;padding:.16rem 0;margin:0;width:66%;outline:none}.form-container .form_box .input_box button[data-v-5b1c4259]{border-radius:.05333rem;font-size:.16rem;width:34%;height:70%;color:#fff;background:#ff4b2b}.form-container .form_box .input_box button.active[data-v-5b1c4259]{background:#707070}.form-container .form_box .c_page[data-v-5b1c4259]{width:100%;font-size:.16rem;margin-bottom:.26667rem}.form-container .form_box .c_page span[data-v-5b1c4259]{line-height:1.5;cursor:pointer}.form-container .form_box .send_btn[data-v-5b1c4259]{border-radius:.26667rem;border:.01333rem solid #ff4b2b;background:#ff4b2b;color:#fff;font-size:.18667rem;font-weight:700;padding:.13333rem .8rem;letter-spacing:.01333rem;text-transform:uppercase;-webkit-transition:-webkit-transform 80ms ease-in;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in;cursor:pointer}