.chart-wrap[data-v-af1b7470]{width:100%;font-size:1rem;padding-bottom:3rem}.chart-wrap .chart-top[data-v-af1b7470]{width:100%;position:fixed;z-index:1}.chart-wrap .chart-bottom[data-v-af1b7470],.chart-wrap .chart-top[data-v-af1b7470]{color:#333;flex:0 1 1.4rem;display:flex;justify-content:space-between;padding:.5rem .2rem;align-items:center;background:#fff;height:46px}.chart-wrap .chart-bottom input[data-v-af1b7470],.chart-wrap .chart-top input[data-v-af1b7470]{color:#666}.chart-wrap .chart-bottom>i[data-v-af1b7470],.chart-wrap .chart-top>i[data-v-af1b7470]{font-size:16px}.chart-wrap .chart-top>div[data-v-af1b7470]:last-child{margin-right:.1rem;width:.6rem;height:.6rem;border-radius:50%;position:relative}.chart-wrap .chart-top>.chart-top-title[data-v-af1b7470]{width:10rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;font-size:16px}.chart-wrap .chart-center[data-v-af1b7470]{flex:1;height:40rem;background:#f5f6f7;overflow:scroll;color:#838383;align-items:flex-start;font-size:.8rem}.chart-wrap .chart-center>[data-v-af1b7470]{padding:0 .2rem;margin:.5rem 0}.chart-wrap .chart-center .chart-time[data-v-af1b7470]{text-align:center;font-size:.33rem}.chart-wrap .chart-center .chart-left[data-v-af1b7470]{position:relative;top:50px}.chart-wrap .chart-center .chart-left[data-v-af1b7470],.chart-wrap .chart-center .chart-right[data-v-af1b7470]{display:flex}.chart-wrap .chart-center .chart-left>div[data-v-af1b7470]:first-of-type,.chart-wrap .chart-center .chart-right>div[data-v-af1b7470]:first-of-type{flex:0 1 1rem;margin-right:.4rem}.chart-wrap .chart-center .chart-left>div:first-of-type>img[data-v-af1b7470],.chart-wrap .chart-center .chart-right>div:first-of-type>img[data-v-af1b7470]{width:3rem;height:3rem;border-radius:50%}.chart-wrap .chart-center .chart-left>div:nth-of-type(2) .nickname[data-v-af1b7470],.chart-wrap .chart-center .chart-right>div:nth-of-type(2) .nickname[data-v-af1b7470]{margin-bottom:.5rem}.chart-wrap .chart-center .chart-left>div:nth-of-type(2) .content[data-v-af1b7470],.chart-wrap .chart-center .chart-right>div:nth-of-type(2) .content[data-v-af1b7470]{border:1px solid #e6e6e6;border-radius:.15rem;padding:.2rem;max-width:230px;word-wrap:break-word;word-break:break-all;position:relative;border-radius:5px;line-height:30px;padding:0 15px}.chart-wrap .chart-center .chart-left>div:nth-of-type(2) .content[data-v-af1b7470]:before,.chart-wrap .chart-center .chart-right>div:nth-of-type(2) .content[data-v-af1b7470]:before{content:" ";position:absolute;left:0;top:.5rem;width:.3rem;height:.3rem;transform:translate(-50%,-50%) rotateX(45deg) rotate(45deg);border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff}.chart-wrap .chart-center .chart-left>div:nth-of-type(2) a[data-v-af1b7470],.chart-wrap .chart-center .chart-right>div:nth-of-type(2) a[data-v-af1b7470]{color:#838383}.chart-wrap .chart-center .chart-right[data-v-af1b7470]{border:none;flex-direction:row-reverse;position:relative;top:41px}.chart-wrap .chart-center .chart-right>div[data-v-af1b7470]:first-of-type{margin-right:0;margin-left:.4rem}.chart-wrap .chart-center .chart-right>div:nth-of-type(2) .nickname[data-v-af1b7470]{text-align:right}.chart-wrap .chart-center .chart-right>div:nth-of-type(2) .content[data-v-af1b7470]{background:#4a94eb;color:#fff;border-radius:5px;line-height:30px;padding:0 15px}.chart-wrap .chart-center .chart-right>div:nth-of-type(2) .content[data-v-af1b7470]:before{right:0;left:auto;background:#4a94eb;border:none;transform:translate(50%,-50%) rotateX(45deg) rotate(45deg)}.chart-wrap .chart-bottom[data-v-af1b7470]{position:fixed;bottom:0;left:0;width:100%}.chart-wrap .chart-bottom>div[data-v-af1b7470]:last-child{margin-right:.2rem}.chart-wrap .chart-bottom>i[data-v-af1b7470]{border-radius:50%;padding:.1rem}.chart-wrap .chart-bottom>input[data-v-af1b7470]{border-radius:1.4rem;background:#f5f6f7;border:none;padding:0 .4rem;height:1.8rem;flex:1;margin:0 .5rem}.chart-wrap .good-box[data-v-af1b7470]{max-width:160px}.chart-wrap .good-img[data-v-af1b7470]{margin-bottom:.2rem}.chart-wrap .good-img img[data-v-af1b7470]{width:100%}.chart-wrap .good-title[data-v-af1b7470]{font-size:.8rem}.tool-content[data-v-af1b7470]{padding:50px 20px}.tools[data-v-af1b7470]{display:flex;flex-wrap:wrap;justify-content:space-around}.tool[data-v-af1b7470]{width:25%;font-size:36px;text-align:center;line-height:1}.tool span[data-v-af1b7470]{font-size:12px}.send[data-v-af1b7470]{width:90px;height:36px;background:linear-gradient(270deg,#4a94eb,#5fbdfb);opacity:1;border-radius:100px;text-align:center;line-height:36px;color:#fff;font-size:16px}