#app{background-color:#fff}*{padding:0;bottom:0}body{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}img{max-width:100%!important;height:auto}.el-message{height:50px}.el-textarea__inner{resize:none!important}.el-dialog{background:transparent!important;box-shadow:none!important;border:none}.el-dialog__wrapper{background:none;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog__header{height:0;padding:0}.el-dialog__wrapper .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog{border-radius:10px;overflow:hidden;margin-top:0!important}.custom-loading .el-loading-spinner .el-loading-text,.custom-loading .el-loading-spinner i{color:#fe64ba}img[data-v-f01bbea4]{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;-o-object-fit:cover;object-fit:cover}.loading[data-v-f01bbea4]{display:flex;align-items:center}[data-v-f01bbea4].el-button--primary{background-color:transparent!important;border:none;color:#333;margin:0 auto}.home[data-v-f01bbea4]{height:100vh;width:100vw;background-color:#ededed;display:flex;align-items:center;justify-content:center}.wrap[data-v-f01bbea4]{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.titleBox[data-v-f01bbea4]{height:70px;width:100%;padding:0 15px;box-sizing:border-box;background:linear-gradient(270deg,#1890ff,#3875ea);justify-content:space-between;font-size:16px;color:#fff}.titleBox .left[data-v-f01bbea4],.titleBox[data-v-f01bbea4]{display:flex;align-items:center}.titleBox .head_portrait[data-v-f01bbea4]{width:40px;height:40px;border-radius:50%;margin-right:10px}.titleBox .goOut[data-v-f01bbea4]{padding:5px 10px;border:1px solid #fff;border-radius:5px;font-size:15px;color:#fff;line-height:1;cursor:pointer}.stateBox[data-v-f01bbea4]{background-color:#eaffeb;color:rgba(0,0,0,.65)}.stateBox2[data-v-f01bbea4],.stateBox[data-v-f01bbea4]{margin-left:20px;padding:1px 8px;border-radius:10px;text-align:center;cursor:pointer}.stateBox2[data-v-f01bbea4]{background-color:#fff}.stateBox2[data-v-f01bbea4]:hover{background-color:#dcdcdc}.state1[data-v-f01bbea4]{background-color:#8ee80e}.state1[data-v-f01bbea4],.state2[data-v-f01bbea4]{display:inline-block;height:10px;width:10px;border-radius:50%}.state2[data-v-f01bbea4]{background-color:#cacaca}.state4[data-v-f01bbea4]{display:inline-block;height:10px;width:10px;border-radius:50%;background-color:#7e7e7e}.stateText[data-v-f01bbea4]{font-size:14px;margin-left:5px}.infoBox[data-v-f01bbea4]{height:730px;width:100%;display:flex}.userList[data-v-f01bbea4]{height:100%;width:320px;border-right:1px solid #ccc;display:flex;flex-direction:column}.userList .searchBox[data-v-f01bbea4]{padding:4px 10px}.userList .searchBox .input-with-select[data-v-f01bbea4]{width:100%}.userList .searchBox .searchIcon[data-v-f01bbea4]{height:100%;width:50px;background:#f8f8f9}.userListBox[data-v-f01bbea4]{flex:1;width:100%;overflow:auto}.userListBox .userFlexAct[data-v-f01bbea4]{background:#eff0f1;border-left:3px solid #1890ff}.userListBox .userFlexAct[data-v-f01bbea4],.userListBox .userFlex[data-v-f01bbea4]{width:100%;height:70px;padding:12px 10px;box-sizing:border-box;display:flex;align-items:start;cursor:pointer}.userListBox .userFlex[data-v-f01bbea4]{background:#fff;border-left:3px solid transparent}.userListBox .header[data-v-f01bbea4]{position:relative;flex-shrink:0}.userListBox .header .head_portrait2[data-v-f01bbea4]{width:40px;height:40px;border-radius:50%}.userListBox .header .status[data-v-f01bbea4]{min-width:15px;padding:0 3px;height:15px;box-sizing:border-box;background:red;position:absolute;right:-2px;top:-2px;border-radius:15px;font-size:12px;display:flex;align-items:center;justify-content:center;color:#fff;line-height:1}.userListBox .userRight[data-v-f01bbea4]{margin-left:12px;flex:1}.userListBox .userRight .userInfoBox[data-v-f01bbea4]{display:flex;align-items:center;justify-content:space-between}.userListBox .userRight .userInfoBox .nameBox[data-v-f01bbea4]{display:flex;align-items:center}.userListBox .userRight .userName[data-v-f01bbea4]{font-size:16px;color:rgba(0,0,0,.65);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.userListBox .userRight .phone[data-v-f01bbea4]{font-size:14px;color:rgba(0,0,0,.65);flex-shrink:0}.userListBox .userRight .userInfo[data-v-f01bbea4]{font-size:12px;color:#8e959e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:3px}.userListBox .timer[data-v-f01bbea4]{font-size:14px;color:#8e959e;flex-shrink:0;margin-left:10px;margin-top:2px}.infoList[data-v-f01bbea4]{height:100%;width:600px}.infoTop[data-v-f01bbea4]{height:calc(100% - 50px);width:100%;border-bottom:1px solid #ccc;padding:10px;box-sizing:border-box;overflow:auto}.infoTop .time[data-v-f01bbea4]{text-align:center;color:#8e959e;font-size:12px;margin-top:10px}.infoTop .head_portrait2[data-v-f01bbea4]{width:40px;height:40px;border-radius:50%}.infoTop .img[data-v-f01bbea4]{width:200px}.infoTop .chatInfoLeft[data-v-f01bbea4]{min-height:70px;margin-left:10px;margin-top:10px;display:flex}.infoTop .chatInfoLeft .chatLeft[data-v-f01bbea4]{margin-left:15px;flex:1}.infoTop .chatInfoLeft .chatLeft .texts[data-v-f01bbea4]{max-width:320px;background:#f5f5f5;border-radius:10px;color:#000;font-size:14px;padding:9px;overflow:hidden;display:inline-block;white-space:normal;word-break:break-all;white-space:pre-wrap}.infoTop .chatInfoRight[data-v-f01bbea4]{min-height:70px;margin-left:10px;margin-top:10px;display:flex;flex-direction:row-reverse}.infoTop .chatInfoRight .chatRight[data-v-f01bbea4]{margin-right:15px;flex:1;display:flex;flex-direction:column;align-items:flex-end}.infoTop .chatInfoRight .chatRight .texts[data-v-f01bbea4]{max-width:320px;background:#95ec69;border-radius:10px;color:#000;font-size:14px;padding:9px;overflow:hidden;display:inline-block;white-space:normal;word-break:break-all;white-space:pre-wrap}.infoBottom[data-v-f01bbea4]{height:50px;display:flex;align-items:center;background:#f7f7f7;padding:8px;box-sizing:border-box}.infoBottom .infoInput[data-v-f01bbea4]{height:100%;flex:1;margin:0 8px;border:none;resize:none;padding:8px;box-sizing:border-box;outline:none;font-size:14px;color:#515a6e;background-color:#fff}.infoBottom .btns[data-v-f01bbea4]{display:flex}.infoBottom .fasong[data-v-f01bbea4]{width:48px;height:32px;background:#ffa100;border-radius:8px 8px 8px 8px;font-size:16px;margin-left:8px;text-align:center;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.fasong1[data-v-f01bbea4]{right:206px!important}.fasong2[data-v-f01bbea4]{right:110px!important}.userinfoBox[data-v-f01bbea4]{width:300px;padding:10px;border-left:1px solid #ccc}.userinfoBox .userBox[data-v-f01bbea4]{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #eaeaea}.userinfoBox .userBox .pic[data-v-f01bbea4]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:10px;flex-shrink:0}.userinfoBox .userBox .pic image[data-v-f01bbea4]{width:50px;height:50px}.userinfoBox .userBox .name[data-v-f01bbea4]{color:#333;font-size:15px}.userinfoBox .userBox .idBox[data-v-f01bbea4]{display:flex;align-items:center;margin-top:5px}.userinfoBox .userBox .id[data-v-f01bbea4]{color:#333;font-size:13px}.userinfoBox .userBox .icon[data-v-f01bbea4]{width:15px;height:15px;margin-left:5px;cursor:pointer;flex-shrink:0}.userinfoBox .userBox .icon image[data-v-f01bbea4]{width:15px;height:15px}.userinfoBox .infoListbox[data-v-f01bbea4]{padding:10px 0;border-bottom:1px solid #eaeaea}.userinfoBox .infoListbox .info[data-v-f01bbea4]{padding:5px 0;display:flex;align-items:center;justify-content:space-between}.userinfoBox .infoListbox .info .title[data-v-f01bbea4]{color:#666;flex-shrink:0}.userinfoBox .infoListbox .info .head[data-v-f01bbea4]{width:50px;height:50px;border-radius:50%;overflow:hidden}.userinfoBox .infoListbox .info .conBox[data-v-f01bbea4]{display:flex;align-items:center;margin-left:10px}.userinfoBox .infoListbox .info .conBox .content[data-v-f01bbea4]{color:#666}.userinfoBox .infoListbox .info .conBox .icon[data-v-f01bbea4]{width:15px;height:15px;margin-left:5px;cursor:pointer;flex-shrink:0}.userinfoBox .infoListbox .info .conBox .icon image[data-v-f01bbea4]{width:15px;height:15px}[data-v-f01bbea4]::-webkit-scrollbar{width:7px;height:10px}[data-v-f01bbea4]::-webkit-scrollbar-thumb{background-color:#dbd9d9;border-radius:3px}.emojiBox[data-v-f01bbea4]{position:absolute;bottom:50px;right:15px;width:95%;height:200px;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow-y:auto}.emojiBox .emojiItem[data-v-f01bbea4]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer;font-size:28px;margin:3px}.emoji[data-v-f01bbea4]{font-size:30px!important}.homeH5[data-v-f01bbea4]{align-items:flex-start}.homeH5 .infoBoxH5[data-v-f01bbea4]{height:calc(100vh - 70px);width:100vw;overflow:hidden}.homeH5 .infoBoxH5 .infoListH5[data-v-f01bbea4]{width:100%;height:100%}.login-page[data-v-6b04e431]{background-image:linear-gradient(180deg,#2af598,#009efd);height:100vh;display:flex;justify-content:center;align-items:center}.login-title[data-v-6b04e431]{font-size:20px}.box-card[data-v-6b04e431]{width:375px}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}ul{list-style-type:none}a{text-decoration:none;color:#333}a:hover{color:#444}button,input{border:0;outline:0}img{-webkit-user-select:none;-moz-user-select:none;user-select:none}em,i{font-style:normal}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;color:#333;background-color:#f3f3f3}html{height:100%}::-webkit-scrollbar{width:0}html{overflow:-moz-scrollbars-none}textarea{resize:none}.color{background:linear-gradient(180deg,#ff6fbc,#d773f1 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.bgcolor{background:linear-gradient(126deg,#fe64ba 12%,#d773f1 83%)}.shadowbgcolor{background:linear-gradient(101deg,#fe64ba 10%,#d773f1 89%);box-shadow:inset 0 -5px 10px 0 #c85ee4}.text{word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.cursor{cursor:pointer}