*{margin:0;padding:0}html{font-size:16px;min-height:unset}body,html{touch-action:manipulation}i{font-style:normal}:focus{outline:none}.width_k{width:92%;overflow:hidden;margin:0 auto}li,ul{list-style:none}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:#faffbd;background-image:none;color:#000}a,a:hover{text-decoration:none}.pt-3{padding-top:3rem}.navigati_top{overflow:hidden;padding:1rem 0;box-sizing:border-box;position:fixed;top:0;left:0;z-index:2;width:100%;background:#fff;font-size:1.2rem;font-weight:700;text-align:center}.navigati_top .xtb_back img{width:.67rem;vertical-align:middle;position:absolute;left:1.3rem;top:1.3rem}.navigati_text{font-size:.8rem;font-weight:400;position:absolute;right:1.3rem;top:1.3rem}.header{position:fixed;top:0;left:0;right:0;z-index:10;justify-content:space-between;background-color:#fff;box-sizing:content-box;padding:0}.header,.header .left{display:flex;align-items:center;height:3rem}.header .left{width:3rem;justify-content:center}.header .left img{position:unset;width:.67rem}.header .center{font-size:1.2rem;position:absolute;left:0;right:0;pointer-events:none;cursor:default;text-align:center;line-height:100%}.header .right{padding-right:.6rem}.cc-top-title__right .chat-tip{display:flex;justify-content:flex-end;flex-direction:row;align-items:center}.cc-top-title__right .chat-tip .speaker{display:flex;align-items:center;margin-right:.88rem;position:relative}.cc-top-title__right .chat-tip .speaker img{height:1.2rem}.cc-top-title__right .chat-tip .speaker i{background:#ff1414;height:.46rem;width:.46rem;border-radius:10rem;position:absolute;top:-3px;right:-4px}.cc-top-title__right .chat-tip .setting{height:1.2rem;display:block;padding-left:.4rem;padding-top:0;margin-right:.88rem}.group{padding-top:calc(3rem + env(safe-area-inset-top))}.group .not-group .img-box{padding:2rem 0;text-align:center}.group .not-group .img-box img{border-radius:10rem;width:6.66rem;height:6.66rem}.group .not-group .img-box p{color:#ccc;font-size:.933rem;padding:1.6rem 0}.group .not-group .tj-list{height:100%}.group .not-group .tj-list h3{color:#666;font-size:1.133rem;padding:.875rem 0}.group .not-group .tj-list ul li{padding:1rem .8rem;display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;margin-bottom:.5rem;border-radius:10px}.group .not-group .tj-list ul li .left{display:flex;justify-content:flex-start;align-items:center}.group .not-group .tj-list ul li .left img{border-radius:10rem;width:4rem;height:4rem}.group .not-group .tj-list ul li .left span.img{border-radius:10rem;width:4rem;height:4rem;line-height:4rem!important;font-size:1.12rem;text-align:center;color:#fff;flex:none;display:block}.group .not-group .tj-list ul li .left .title-box{margin-left:.666rem}.group .not-group .tj-list ul li .left .title-box p:first-child{color:#333;font-size:1.13rem;line-height:1.725rem}.group .not-group .tj-list ul li .left .title-box p:last-child{color:#999;font-size:.8rem;line-height:1.6rem}.group .not-group .tj-list ul li .left .title-box p.tuijian-name{color:#333;font-size:1.13rem;line-height:1.725rem}.group .not-group .tj-list ul li .btn button{border:1px solid #ff5936;color:#ff5936;padding:.44rem 1.2rem;border-radius:3rem;font-weight:500;text-align:center;line-height:100%;cursor:pointer;font-size:.8rem;white-space:nowrap}.group .add-group{margin-top:1rem;height:calc(100% - 4rem - env(safe-area-inset-top))}.group .add-group h3{color:#666;font-size:1.2rem;padding:.875rem 0}.group .add-group ul{height:100%}.group .add-group ul li.selected{background:#fff6ef}.group .add-group ul li{padding:1rem 0;display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;margin-bottom:.5rem;border-radius:10px;overflow:visible;width:100%;position:relative}.group .add-group ul li .left{display:flex;justify-content:flex-start;align-items:center;width:calc(75% - .8rem);padding-left:.8rem}.group .add-group ul li .left img{border-radius:10rem;width:4rem;height:4rem}.group .add-group ul li .left .emoji{width:1.2rem;height:1.2rem}.group .add-group ul li .left span.img{border-radius:10rem;width:4rem;height:4rem;line-height:4rem!important;font-size:1.12rem;text-align:center;color:#fff;flex:none;display:block}.group .add-group ul li .left .title-box{margin-left:.48rem;max-width:78%}.group .add-group ul li .left .title-box p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group .add-group ul li .left .title-box p:first-child{color:#333;font-size:1.1333rem;line-height:1.725rem;margin-bottom:0}.group .add-group ul li .left .title-box p:last-child{color:#999;font-size:.8rem;line-height:1.6rem;display:flex;flex-direction:row;align-items:center}.group .add-group ul li .left .title-box p:last-child span.atme{color:#fd7813}.group .add-group ul li .btn{flex:none;width:calc(25% - .8rem);padding-right:.8rem;flex-wrap:wrap;align-content:center;flex-direction:column}.group .add-group ul li .btn,.group .add-group ul li .btn .box{display:flex;align-items:center}.group .add-group ul li .btn .box .num{background:#ff1414;color:#fff;font-size:.933rem;border-radius:3rem;padding:.1rem .46rem;line-height:100%}.group .add-group ul li .btn .box img{display:none;margin-right:.5rem}.group .add-group ul li .btn .date{color:#c7c7c7;font-size:.933rem;margin-bottom:.3rem}.group .add-group ul li .action{display:flex;justify-content:flex-start;flex-wrap:nowrap}.group .add-group ul li .action span{color:#fff;font-size:1rem;width:5rem;height:4rem;display:flex;align-items:center;justify-content:center}.group .add-group ul li .action .top-up{background:grey}.group .add-group ul li .action .not-disturb{background:#00f}.group .add-group ul li .action .delete{background:red}.group .add-group ul li .grey .box .num{background:#c7c7c7}.group .add-group ul li .grey .box img{display:block}.group .add-group ul li .team-menu{position:absolute;background:#000;padding:.66rem .66rem;border-radius:.625rem;display:none}.group .add-group ul li .team-menu .team-menu-item{display:flex;align-items:center;line-height:1.6rem}.group .add-group ul li .team-menu .team-menu-item img{height:1.2rem;width:1.2rem;display:block}.group .add-group ul li .team-menu .team-menu-item span{display:block;color:#fff;font-size:1.125rem;margin-left:.2rem}.chat-title-box .cc-top-title__title{width:68%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat{background:#f5f5f5;min-height:calc(100vh - 4rem);position:relative;display:grid;grid-template-rows:1fr auto;height:100%;width:100%}.chat .show-box{overflow-y:scroll;padding-top:calc(3rem + env(safe-area-inset-top));position:relative}.chat .show-box .message-list{overflow-y:scroll;padding:0 4%}.chat .show-box .message-list .message-item{position:relative}.chat .show-box .message-list .date{color:#999;font-size:.75rem;text-align:center;padding:.8rem 0;width:80%;margin:0 auto;word-break:keep-all;line-height:1.2rem}.chat .show-box .message-list .user-left{padding:.825rem 0}.chat .show-box .message-list .user-left .info{display:flex;align-items:center;justify-content:flex-start;position:relative}.chat .show-box .message-list .user-left .info .pic{width:2.5rem;height:2.5rem;border-radius:10rem}.chat .show-box .message-list .user-left .info .name-box{margin-left:.25rem}.chat .show-box .message-list .user-left .info .name-box .name{color:#333;font-size:.8rem;line-height:1.25rem;margin-bottom:.185rem}.chat .show-box .message-list .user-left .info .name-box .server{margin-top:.185rem;display:flex;align-items:center;justify-content:flex-start;height:1.1rem}.chat .show-box .message-list .user-left .info .name-box .server img{height:.587rem;margin-right:.2rem}.chat .show-box .message-list .user-left .info .name-box .server span{font-size:.666rem;color:#666;line-height:1.1rem}.chat .show-box .message-list .user-left .info .admin{background:#fd7813;color:#fff;font-size:.666rem;padding:.2rem;border-radius:.5rem;line-height:100%;position:absolute;bottom:-.875rem;left:.1875rem}.chat .show-box .message-list .user-left .text{padding:.625rem .75rem;background:#fff;border-radius:.625rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:3.05rem;color:#333;font-weight:500;margin-right:2.42rem;font-size:.933rem}.chat .show-box .message-list .user-left .text img{border-radius:10px;max-width:300px;max-height:300px;min-height:150px;min-width:150px}.chat .show-box .message-list .user-left .text img.chatMsg{width:auto;height:auto;min-width:unset;min-height:unset;max-width:100%;max-height:unset}.chat .show-box .message-list .user-left .text span{color:#000}.chat .show-box .message-list .user-left .text .replay p{background:#f9f9f9;color:#999;padding:.625rem;margin-bottom:.375rem;display:flex}.chat .show-box .message-list .user-left .text .replay p .emoji{width:1.3rem;height:1.3rem;min-width:unset;min-height:unset}.chat .show-box .message-list .user-left .text .replay span{color:#000}.chat .show-box .message-list .user-left .text .content{display:flex;align-items:center;flex-wrap:wrap;flex-direction:row;word-break:break-word}.chat .show-box .message-list .user-left .text .content .emoji{width:1.3rem;height:1.3rem;min-width:unset;min-height:unset}.chat .show-box .message-list .me-right .info{flex-direction:row-reverse}.chat .show-box .message-list .me-right .info .name-box{margin-right:.25rem}.chat .show-box .message-list .me-right .info .admin{right:.1875rem;left:unset}.chat .show-box .message-list .me-right .text{background:#5571fe;color:#fff;margin-left:2.42rem;margin-right:3.05rem;float:right}.chat .show-box .message-list .me-right .text img{border-radius:10px;max-width:300px;max-height:300px;min-height:150px;min-width:150px}.chat .show-box .message-list .me-right .text .replay p{background:#3e58db;color:#fff}.chat .show-box .message-list .me-right .text .replay span{color:#fff}.chat .show-box .message-list .note{padding:1.3rem 1.8rem;background:#fff;max-width:18rem;margin:1rem auto;border-radius:.625rem;width:62%}.chat .show-box .message-list .note .title{color:#333;font-size:.933rem;font-weight:700;padding-left:.625rem;border-left:.325rem solid #fd7813;line-height:1.2rem}.chat .show-box .message-list .note .box{display:flex;align-items:center;justify-content:flex-start;margin-top:1rem}.chat .show-box .message-list .note .box img.icon{width:2.933rem;height:2.933rem}.chat .show-box .message-list .note .box .text{margin-left:1.33rem;display:flex;align-content:space-between;flex-wrap:wrap;justify-content:flex-start;flex-direction:column}.chat .show-box .message-list .note .box .text p{line-height:1.6rem}.chat .show-box .message-list .note .box .text p.one{font-size:1rem;font-weight:700}.chat .show-box .message-list .note .box .text p.two{color:#999;font-size:.95rem}.chat .show-box .message-tip{display:flex;align-items:center;right:1.05rem;bottom:.6rem;background:#fff;padding:.666rem 1rem;border-radius:.53rem;position:absolute;z-index:9}.chat .show-box .message-tip span{margin-right:.33rem;color:#5571fe;font-size:.867rem}.chat .show-box .message-tip img{width:.913rem;height:.53rem}.chat .show-box .horse-race-lamp{background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.533rem .666rem;border-radius:.666rem;width:92%;position:fixed;z-index:9;margin:1rem 4% 0}.chat .show-box .horse-race-lamp .lamp-tip-chat{width:1.3rem;height:1.3rem}.chat .show-box .horse-race-lamp .text{color:#5571fe;font-size:.9333rem;line-height:1.33rem;flex:1;padding:0 1rem}.chat .show-box .horse-race-lamp .lamp-tip-right{width:auto}.chat .chat-message-wrap{width:100%;background:#f5f5f5;z-index:9}.chat .chat-message-wrap .chat-content{background:#fff;padding:.68rem .675rem;width:calc(100% - 1.36rem);display:flex;justify-content:space-between;align-items:center;width:100%}.chat .chat-message-wrap .chat-content .chat-message{flex:1}.chat .chat-message-wrap .chat-content .chat-message textarea{word-break:break-all;width:100%;height:2.6rem;font-size:1rem;padding:0 1rem;line-height:2.6rem;border:none;background:#f5f5f5;color:#000;border-radius:.675rem}.chat .chat-message-wrap .reply{padding:0 .675rem}.chat .chat-message-wrap .reply .reply-box{display:grid;grid-template-columns:auto 1fr;align-items:center}.chat .chat-message-wrap .reply .reply-box i{font-size:1rem;margin-right:.4rem;color:#999;padding:0 .2rem}.chat .chat-message-wrap .reply .reply-box p{font-size:1rem;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.chat .chat-message-wrap .reply .reply-box p .emoji{height:1.2rem;width:1.2rem;display:block}.chat .chat-message-wrap .chat-icon{padding-left:.675rem;display:flex}.chat .chat-message-wrap .chat-icon .chat-emoji img,.chat .chat-message-wrap .chat-icon .chat-image img{height:2rem;width:2rem}.chat .chat-message-wrap .chat-icon .chat-btn-send button{background:#5571fe;border:none;color:#fff;padding:.3rem .8rem;border-radius:.3rem;display:inline-block;margin-left:.2rem;height:2rem;font-size:1rem}.chat .chat-message-wrap .message-btn{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;padding:.52rem .678rem}.chat .chat-message-wrap .message-btn .btn-item{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;padding:.38rem .675rem;background:#fff;margin-right:.5rem;border-radius:8.5rem}.chat .chat-message-wrap .message-btn .btn-item img{width:1.53rem;height:1.53rem}.chat .chat-message-wrap .message-btn .btn-item span{font-size:.87rem;color:#666}.chat .msgMenu{position:absolute;display:none}.chat .msgMenu .msgMenu-box{display:flex;background:rgba(0,0,0,.85);width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:.28rem .8rem;border-radius:.4rem}.chat .msgMenu .msgMenu-box .msgMenu-item{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;margin:0 .6rem}.chat .msgMenu .msgMenu-box .msgMenu-item img{width:1.6rem;height:1.6rem}.chat .msgMenu .msgMenu-box .msgMenu-item span{line-height:1.2rem;font-size:.9rem;color:#fff}.note ul li{background:#fff;padding:1rem;border-radius:.666rem;margin:.725rem 0}.note ul li .date-str{font-size:.8rem;color:#999;line-height:1.6rem;border-bottom:1px solid #eaeaea}.note ul li .title{color:#171717;font-size:1.2rem;line-height:1.666rem;font-weight:700;margin-top:.325rem;padding:.666rem 0}.note ul li .content{color:#666;font-size:.933rem;line-height:1.333rem}.team-rule-modal .cc-modal__box{border-radius:.4rem .4rem 0 0!important}.team-rule-modal .cc-modal__box .cc-modal__content .modal-box{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center}.team-rule-modal .cc-modal__box .cc-modal__content .modal-box .modal-header{color:#5571fe;font-size:1.2rem;text-align:center}.team-rule-modal .cc-modal__box .cc-modal__content .modal-box .modal-content{color:#383c42;font-size:1.1rem;line-height:1.68rem}.team-rule-modal .cc-modal__box .cc-modal__content .modal-box button{margin-top:1rem;color:#fff;background:linear-gradient(180deg,#55c0fe,#5571fe);border:none;font-size:.9rem;padding:.92rem;width:65%;border-radius:1.4rem}.setting{padding-top:calc(3rem + env(safe-area-inset-top))}.setting .head{height:6rem;background:#fff;margin:.666rem 0;border-radius:.666rem;display:flex;align-items:center;justify-content:flex-start}.setting .head i,.setting .head img{display:block;width:3.75rem;height:3.75rem;margin-left:1rem;border-radius:10rem;font-size:1.2rem;color:#fff;text-align:center;line-height:3.75rem}.setting .head p{color:#171717;font-size:1.2rem;font-weight:500;margin-left:.666rem}.setting .setting-list .setting-group{background:#fff;margin-top:.666rem;border-radius:.666rem}.setting .setting-list .setting-group .setting-item{display:flex;padding:.867rem 1rem;align-items:center;justify-content:space-between}.setting .setting-list .setting-group .setting-item span.name{font-size:1.15rem;color:#333}.setting .setting-list .setting-group .setting-item p{display:flex;align-items:center;justify-content:flex-start;max-width:50%}.setting .setting-list .setting-group .setting-item p span.text{color:#999;font-size:.933rem;margin-right:.533rem;text-align:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting .setting-list .setting-group .setting-item p img.right{height:.684rem}.setting .setting-list .setting-group .setting-item p img.on-off{height:1.467rem}.setting .setting-list .setting-group .setting-item p img.logout{height:1.26rem}.setting .setting-list .setting-group .setting-waring span.name{color:#ff1414}.setting-window{bottom:0;z-index:12}.setting-bg,.setting-window{position:fixed;width:100%;left:0}.setting-bg{background:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;height:100%;top:0;z-index:11}.modal-box{background:#fff;border-top-left-radius:.666rem;border-top-right-radius:.666rem;width:100%}.modal-box .modal-header{padding:1rem;position:relative}.modal-box .modal-header p{text-align:center;font-size:.933rem;color:#333;line-height:1.333rem}.modal-box .modal-header img{width:.933rem;height:.933rem;position:absolute;right:1.333rem;top:50%;margin-top:-.466rem}.modal-box .modal-content{padding:1.333rem;padding-top:0}.modal-box .modal-content .info{display:flex;align-items:center;margin:.333rem 0}.modal-box .modal-content .info img{border-radius:1rem;width:4.333rem;height:4.333rem}.modal-box .modal-content .info .text{margin-left:.666rem}.modal-box .modal-content .info .text .title{color:#333;font-weight:700;font-size:1.2rem;line-height:1.666rem}.modal-box .modal-content .info .text p{color:#666;font-size:.8rem;line-height:1.133rem}.modal-box .modal-content ul.role-list{max-height:21rem;overflow-y:scroll}.modal-box .modal-content ul.role-list li{padding:1rem;background:#f9f9f9;border-radius:.666rem;margin:.666rem 0}.modal-box .modal-content ul.role-list li .title{color:#333;font-size:.8rem;line-height:1.133rem;padding:.6rem 0}.modal-box .modal-content ul.role-list li .item{color:#999;font-size:.8rem;line-height:1.133rem;display:flex;justify-content:space-between;align-items:center;padding:.4333rem 0}.modal-box .modal-content .btn-list{display:flex;align-items:center;justify-content:center}.modal-box .modal-content .btn-list button.confirm{margin-top:1.333rem;border:none;color:#fff;line-height:1.4rem;font-size:1rem;padding:1.133rem 6.333rem;border-radius:6.666rem;background:linear-gradient(90deg,#55c0fe,#5571fe);cursor:pointer}.history .search-box{background:#f5f5f5;padding:.5rem 1rem;border-radius:6.666rem;display:flex;justify-content:space-between;margin:1.3rem 0 1rem}.history .search-box img.search{width:1.1rem;height:1.1rem}.history .search-box input[type=text]{margin:0 .5rem;flex:1;font-size:.9333rem;color:#999;background:none;border:none}.history .search-box img.delete{height:1.1rem;width:1.1rem}.history ul.history-list li{display:flex;justify-content:flex-start;align-items:flex-start;padding:1rem 0}.history ul.history-list li .user-pic{height:100%}.history ul.history-list li .user-pic img{width:2.666rem;height:2.666rem;border-radius:10rem}.history ul.history-list li div.text-info{margin-left:.666rem}.history ul.history-list li div.text-info p{color:#999;font-size:.9333rem;line-height:1.333rem;padding:.2rem 0;font-weight:500}.history ul.history-list li div.text-info .message{color:#333;font-size:1rem;padding:.2rem 0;font-weight:500}.history ul.history-list li div.text-info .message .key{font-weight:500;color:#3158f6}.emoji-modal .cc-modal__box{border-radius:unset!important}.emoji-modal .emoji-box{display:flex;flex-wrap:wrap;justify-content:space-between}.emoji-modal .emoji-box .emoji-item{width:1.8rem;height:1.8rem;margin:.55rem}.team-member{padding-top:calc(3rem + env(safe-area-inset-top))}.team-member .search{background:#f1f5f8;height:2.45rem;display:flex;flex-direction:row;align-items:center;padding:.3rem;margin-top:1rem}.team-member .search img{height:1rem;width:1rem}.team-member .search input{height:100%;background:none;border:none;padding:.2rem;width:100%;color:rgba(0,0,0,.85);background:#f1f5f8;font-size:1rem}.team-member .user-list ul{margin-top:.5rem}.team-member .user-list ul li{display:flex;align-items:center;padding:.58rem 1rem}.team-member .user-list ul li img,.team-member .user-list ul li span{height:2.1rem;width:2.1rem;border-radius:10rem}.team-member .user-list ul li span{display:block;text-align:center;line-height:2.1rem;color:#fff;background:#ccc}.team-member .user-list ul li .name{font-size:1rem;color:#a9a9a9;margin-left:.5rem}.pic-view-list[data-v-eca2d034]{height:100vh}.pic-view-list .pic-view-item[data-v-eca2d034]{display:flex;align-items:center;height:100%;background-color:rgba(0,0,0,.2)}.pic-view-list .pic-view-item img[data-v-eca2d034]{max-height:90%;width:100%}.app-layout,.chat,.im-main,.message-list,.show-box,body{height:100%}