.component-box .tool-list[data-v-5305fd26]{background:#fff;height:66.667vw;padding:13.333vw 10.667vw}.component-box .tool-list .tool-item[data-v-5305fd26]{position:relative;width:14.667vw;float:left;margin-right:6.667vw;text-align:center;margin-bottom:8vw;color:#646464}.component-box .tool-list .tool-item .tool-icon[data-v-5305fd26]{display:block;margin:0 auto}.component-box .tool-list .tool-item .tool-text[data-v-5305fd26]{font-size:3.2vw;margin-top:-.533vw;display:block}.component-box .tool-list .tool-item .textFlash[data-v-5305fd26]{background-image:-webkit-linear-gradient(left,#9f4aa1,#ffe10b 25%,#9f4aa0 50%,#ffe10b 75%,#9f4aa0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 1s linear infinite;animation:masked-animation 1s linear infinite}.component-box .tool-list .tool-item .icon-vip[data-v-5305fd26]{position:absolute;top:-.8vw;right:1.867vw;width:5.333vw}.component-box .tool-list .tool-item[data-v-5305fd26]:nth-child(4n){margin-right:0}.component-box .emoji-list[data-v-835b0f44]{background:#fff;height:66.667vw;padding:2.667vw;overflow:auto}.component-box .emoji-list .emoji-item[data-v-835b0f44]{height:6.667vw;width:6.667vw;float:left;margin-right:.533vw;font-size:4.267vw;margin-bottom:1.333vw}.component-box .emoji-list .emoji-item[data-v-835b0f44]:nth-child(8n){margin-right:0}.component-box .sp-dou-list[data-v-835b0f44]{background:#fff;height:66.667vw;padding:2.667vw}.component-box .sp-dou-list .emoji-item[data-v-835b0f44]{height:10.667vw;width:10.667vw;float:left;margin-right:1.333vw;font-size:10.667vw;margin-bottom:1.333vw;line-height:13.333vw}.component-box .sp-dou-list .emoji-item[data-v-835b0f44]:nth-child(8n){margin-right:0}.component-box .tab-bar[data-v-835b0f44]{border-top:1px solid #ececec}.component-box .tab-bar .btn-list[data-v-835b0f44]{background:#fff;height:9.333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:2.667vw}.component-box .tab-bar .btn-list .btn-item[data-v-835b0f44]{float:left;margin-right:1.333vw;width:12vw;text-align:center;border-radius:5.333vw;font-size:3.733vw}.component-box .tab-bar .btn-list .active[data-v-835b0f44]{background:#c8c9cc}.component-box .msg-content[data-v-683f98a9]{line-height:10.667vw;padding:0 2.667vw;border-radius:4vw;background:#fff;word-break:break-all}.component-box .right.msg-content[data-v-683f98a9]{margin-left:13.333vw;margin-right:0;background:#a758f1;color:#fff}.component-box .change-msg[data-v-683f98a9]{width:45.333vw;height:14.4vw;text-align:center;line-height:16vw;border-radius:3.733vw;background-size:100% 100%;background-position:50%}.component-box .change-qq[data-v-683f98a9]{background-image:url(../img/qqMsg.525aa1c6.png);-webkit-box-shadow:0 0 1.333vw #338cff;box-shadow:0 0 1.333vw #338cff}.component-box .change-wx[data-v-683f98a9]{background-image:url(../img/wxMsg.fc45b1da.png);-webkit-box-shadow:0 0 1.333vw rgba(50,192,105,.9490196078431372);box-shadow:0 0 1.333vw rgba(50,192,105,.9490196078431372)}.component-box .error[data-v-683f98a9]{background:#ff9800!important}.component-box .qq-overlay .wrapper[data-v-683f98a9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;margin-left:0}.component-box .qq-overlay .wrapper>.content[data-v-683f98a9]{width:66.667vw;background:#fff;text-align:center;border-radius:2.667vw;position:relative;overflow:hidden}.component-box .qq-overlay .wrapper>.content .qq-msg[data-v-683f98a9]{position:absolute;left:6.133vw;top:21.333vw;width:53.333vw}.component-box .qq-overlay .wrapper>.content .friend .checked .number[data-v-683f98a9]{font-size:4vw;margin-top:8vw;color:#a758f1;font-weight:bolder}.component-box .qq-overlay .wrapper>.content .friend .checked .text[data-v-683f98a9]{margin-top:2.133vw;font-weight:bolder}.component-box .qq-overlay .wrapper>.content .friend .nocheck .text[data-v-683f98a9]{margin-top:8vw;font-size:3.467vw;font-weight:bolder}.component-box .qq-overlay .wrapper>.content .friend .nocheck .qq[data-v-683f98a9]{margin-top:1.067vw;font-size:5.6vw;color:#a758f1;font-weight:bolder}.component-box .qq-overlay .wrapper>.content .myself[data-v-683f98a9]{margin:6.667vw auto}.component-box .qq-overlay .wrapper>.content .check-change-btn[data-v-683f98a9]{background:#a758f1;width:32vw;padding:2.133vw 9.333vw;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:center;border-radius:8vw;margin:5.333vw auto;color:#fff}@-webkit-keyframes masked-animation-77ff3f2d{0%{background-position:0 0}to{background-position:-100% 0}}.page[data-v-77ff3f2d]{height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page .title[data-v-77ff3f2d]{background:#a758f1;text-align:center;color:#fff;padding:1.333vw 2.667vw}.page .msg-list[data-v-77ff3f2d]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:auto;padding:5.333vw 2.667vw}.page .msg-list .item[data-v-77ff3f2d]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4vw}.page .msg-list .item .avatar[data-v-77ff3f2d]{width:10.667vw;height:10.667vw;border-radius:50%;overflow:hidden;margin-right:2.667vw;-ms-flex-negative:0;flex-shrink:0}.page .msg-list .item.right[data-v-77ff3f2d]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.page .msg-list .item.right .avatar[data-v-77ff3f2d]{margin-left:2.667vw;margin-right:0}.page .msg-list .warn[data-v-77ff3f2d]{display:block;background:#ccc;text-align:center;color:#fff;border-radius:2.667vw;padding:1.333vw;width:80vw;margin:0 auto;margin-bottom:4vw}.page .msg-list .warn .el-icon-warning[data-v-77ff3f2d]{color:#ff4343}.page .msg-list .warn span[data-v-77ff3f2d]{color:#a758f1}.page .send-box .input-bar[data-v-77ff3f2d]{padding:1.333vw 2.667vw;background:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.page .send-box .input-bar .input[data-v-77ff3f2d]{border-radius:5.333vw;height:8vw}.page .send-box .input-bar[data-v-77ff3f2d] .van-cell{padding:1.067vw 3.2vw}.page .send-box .input-bar .send-btn[data-v-77ff3f2d]{height:8vw;color:#fff;background:#a758f1;width:16vw;text-align:center;line-height:8vw;border-radius:3.733vw;margin-left:.8vw}.page .send-box .input-bar .emoji-btn[data-v-77ff3f2d],.page .send-box .input-bar .tool-btn[data-v-77ff3f2d]{font-size:6.667vw;margin-bottom:.8vw;margin-left:.8vw;color:#a758f1}.page .send-box .input-bar .textFlash[data-v-77ff3f2d]{background-image:-webkit-linear-gradient(left,#9f4aa1,#ffe10b 25%,#9f4aa0 50%,#ffe10b 75%,#9f4aa0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation-77ff3f2d 1s linear infinite;animation:masked-animation-77ff3f2d 1s linear infinite}@-webkit-keyframes shake-77ff3f2d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}75%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake-77ff3f2d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}75%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.page .send-box .input-bar .shake[data-v-77ff3f2d]{-webkit-animation:shake-77ff3f2d 1s ease-in-out infinite;animation:shake-77ff3f2d 1s ease-in-out infinite}