/** layui-v2.4.5 MIT License By https://www.layui.com */
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font:12px 'Helvetica Neue','PingFang SC',STHeitiSC-Light,Helvetica,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}a{text-decoration:none;background:0 0}a:active,a:hover{outline:0}table{border-collapse:collapse;border-spacing:0}li{list-style:none}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-weight:500}address,cite,dfn,em,var{font-style:normal}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0;vertical-align:bottom}.layui-inline,input,label{vertical-align:middle}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0}button,select{text-transform:none}select{-webkit-appearance:none;border:none}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=1.0.7);src:url(../font/iconfont.eot?v=1.0.7#iefix) format('embedded-opentype'),url(../font/iconfont.woff?v=1.0.7) format('woff'),url(../font/iconfont.ttf?v=1.0.7) format('truetype'),url(../font/iconfont.svg?v=1.0.7#iconfont) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-box,.layui-box *{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}.layui-border-box,.layui-border-box *{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layui-inline{position:relative;display:inline-block;*display:inline;*zoom:1}.layui-edge,.layui-upload-iframe{position:absolute;width:0;height:0}.layui-edge{border-style:dashed;border-color:transparent;overflow:hidden}.layui-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-disabled,.layui-disabled:active{background-color:#d2d2d2!important;color:#fff!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}.layui-upload-iframe{border:0;visibility:hidden}.layui-upload-enter{border:1px solid #009E94;background-color:#009E94;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}@-webkit-keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-left{-webkit-animation-name:layui-m-anim-left;animation-name:layui-m-anim-left}@-webkit-keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-right{-webkit-animation-name:layui-m-anim-right;animation-name:layui-m-anim-right}@-webkit-keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.layui-m-anim-lout{-webkit-animation-name:layui-m-anim-lout;animation-name:layui-m-anim-lout}@-webkit-keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.layui-m-anim-rout{-webkit-animation-name:layui-m-anim-rout;animation-name:layui-m-anim-rout}.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none;background:#fff;}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
.layim-panel{top:env(safe-area-inset-top) !important;bottom:env(safe-area-inset-bottom) !important;}
/* 新朋友 */
.im-newfd{background:#fff;}
.im-newfd-item{position:relative;display:flex;align-items:center;min-height:5.5rem;margin:0 20px;padding:10px 0;padding-right:6rem;padding-left:6rem;border-bottom:1px solid #f7f7f7;}
.im-newfd-item:last-child{border-bottom:none;}
.im-newfd-item-none{padding:100px 0;text-align:center;color:#999;}
.im-newfd-item-img{position:absolute;top:10px;left:0;display:flex;overflow:hidden;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;border-radius:50%;}
.im-newfd-item-img img{min-width:100%;min-height:100%;}
.im-newfd-item p{font-size:1.2rem;position:relative;color:#000;}
.im-newfd-item span{font-size:1rem;color:#999;}
.im-newfd-item button{font-size:1rem;position:absolute;top:10px;right:0;width:5rem;height:2.4rem;color:#fff;border:none;border-radius:3rem;background:var(--ion-color-primary);}
.im-newfd-item button.im-newfd-item-btn{top:auto;bottom:10px;color:#333;background:#ddd;}
.im-newfd-item button.im-newfd-item-btn1{top:50%;width:5.5rem;margin-top:-1.2rem;}
.im-newfd-item-status{line-height:2.4rem;position:absolute;top:50%;right:0;height:2.4rem;margin-top:-1.2rem;color:#999;}
.layim-list-more{padding:20px;text-align:center;color:#5d81a0;}
/* 添加朋友 */
.im-search-fixed{position:fixed;z-index:10;top:50px;left:0;width:100%;height:55px;}
.im-findfd-search{position:relative;margin-bottom:20px;padding:10px 20px;padding-right:70px;background:#fff;}
.im-findfd-search input{line-height:35px;width:95%;height:35px;padding:0 5px;border:none;border-radius:5px;background:#f6f6f6;}
.layim-findfriend{padding-top:70px;}
.im-findfd-search button{font-size:1.4rem;position:absolute;top:10px;right:20px;display:flex!important;align-items:center;justify-content:center;width:35px;height:35px;color:#fff;border:none;border-radius:50%;background:var(--color-bg-dark-theme);background:-webkit-gradient(linear, 0 0, 100% 100%, from(var(--ion-color-primary)), to(var(--color-bg-dark-theme)));}
.im-findfd-edit{padding-right:90px;}
.im-findfd-edit input{background:#f9f9f9;}
.im-findfd-edit button{font-size:1.2rem;top:50%;width:55px;height:30px;margin-top:-15px;border-radius:30px;}
/* 添加群聊 */
.im-newgroup-item{padding-right:2.5rem;}
.im-newgroup-status{position:absolute;top:50%;right:0;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin-top:-.8rem;border-radius:50%;background:#eee;}
.im-newgroup-status-checked{background:var(--color-bg-dark-theme);}
.im-newgroup-status-checked:before{display:block;width:.7rem;height:.7rem;content:'';border-radius:50%;background:#f6f6f6;}
.layim-newgroup{margin-bottom:7rem;}
.layim-newgroup-btn{position:fixed;z-index:1000;bottom:0;left:0;width:100%;padding:1.8rem 0;background:#fff;background:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#fff));}
.layim-newgroup-btn button{line-height:3rem;display:block;width:90%;height:3rem;margin:0 auto;color:#fff;border:none;border-radius:3rem;background:var(--ion-color-primary);}
.im-newgroup-btn{font-size:1.8rem;position:absolute;top:50%;right:0;display:flex!important;align-items:center;justify-content:center;width:4rem;height:4rem;margin-top:-2rem;text-align:center;color:#ff6363;border-radius:50%;background:#f6f6f6;}
.layim-newgroup .im-newfd-item{min-height:5rem;}
.layim-newgroup .im-newfd-item-img{width:5rem;height:5rem;}
/* 群聊好友 */
.im-groupmember{display:flex;flex-wrap:wrap;margin:0 5px;}
.im-groupmember li{width:18%;margin:20px 1% 5px;}
.im-groupmember-item-img{position:relative;display:flex;overflow:hidden;align-items:center;justify-content:center;margin:0 0 5px;padding-bottom:100%;border-radius:5px;background:#fff;}
.im-groupmember-item-img img{position:absolute;min-width:100%;max-width:inherit;min-height:100%;}
.im-groupmember li p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.im-groupmember-item-more div{border:1px solid #eee;}
.im-groupmember-item-more .im-groupmember-item-img img{top:25%;width:50%;min-width:inherit;height:50%;min-height:inherit;}
.im-groupmember li.im-newfd-item-none{width:100%;}
.im-groupmember-exit{display:block;margin:10px 10px;padding:12px 20px;text-align:center;color:#ff6363;background:#fff;}
.im-groupmember-nick{position:relative;margin:10px 10px;padding:12px 20px;text-align:right;color:#666;background:#fff;}
.im-groupmember-nick span{position:absolute;top:12px;left:20px;color:#000;}

.im-groupmember-tit{font-size:1.2rem;font-weight:bold;position:relative;padding:10px;background:#fff;}
.im-groupmember-tit span{font-size:.9rem;font-weight:normal;position:absolute;top:10px;right:10px;color:#999;}
/* 群聊好友 */
.im-chat-item{display:block;align-items:center;min-height:calc(4.7rem);padding-right:0;}
.im-chat-item .im-newfd-item-img{width:4.7rem;height:4.7rem;border-radius:10px;}
.im-chat-item p.im-chat-item-tit{margin-bottom:10px;}
.im-chat-item p span{position:absolute;top:0;right:0;}