@media screen and (max-width:1600px){.page-back[data-v-18833475]{width:120px!important;overflow:hidden}}.page-playWithIM .shadow-top[data-v-18833475]{background:url(https://api-t.9wow.net/fast/static/images/bg-header.7c390c13.png) no-repeat;background-size:100% 100%;position:fixed;height:210px;top:0;left:0;width:100%;pointer-events:none}.page-playWithIM .shadow-bottom[data-v-18833475]{background:url(https://api-t.9wow.net/fast/static/images/bg-footer.c8473b8e.png) no-repeat;background-size:100% 100%;position:fixed;height:210px;bottom:0;left:0;width:100%;pointer-events:none}.page-playWithIM .page-mask[data-v-18833475]{background-color:rgba(10,18,41,.9);top:0;bottom:0;left:0;right:0;position:fixed}.page-playWithIM .page-back[data-v-18833475]{position:absolute;top:300px;left:72px;text-align:left;cursor:pointer}.page-playWithIM .page-back .back-text[data-v-18833475]{display:flex;font-size:18px;font-weight:500;color:#33cbff;margin-bottom:8px}.page-playWithIM .page-back .back-icon[data-v-18833475]{width:210px;height:12px;display:flex;background:url(https://api-t.9wow.net/fast/static/images/back.319c9c33.png) no-repeat;background-size:100% 100%}.page-playWithIM[data-v-18833475] .layer-mask{background-color:rgba(0,0,0,.4)}.page-playWithIM .page-body[data-v-18833475]{position:relative;z-index:9;display:flex;flex-direction:column;margin:0 auto;width:1100px}.page-playWithIM .page-body .im[data-v-18833475]{flex:1;min-height:1px;display:flex}.page-playWithIM .page-body .im .user_list[data-v-18833475]{width:300px;margin-right:12px;background-color:#20286c;overflow-y:auto;flex-shrink:0}.page-playWithIM .page-body .im .user_list .user_item[data-v-18833475]{display:flex;justify-content:space-between;padding:12px 15px;text-align:left;margin-bottom:5px}.page-playWithIM .page-body .im .user_list .user_item .avatar_box[data-v-18833475]{width:42px;height:42px;margin-right:12px;border-radius:50%;overflow:hidden}.page-playWithIM .page-body .im .user_list .user_item .user_info[data-v-18833475]{flex:1;overflow:hidden}.page-playWithIM .page-body .im .user_list .user_item .user_info .name[data-v-18833475]{font-size:14px;margin-bottom:5px}.page-playWithIM .page-body .im .user_list .user_item .user_info .des[data-v-18833475]{width:100%;font-size:14px;color:hsla(0,0%,100%,.4);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-playWithIM .page-body .im .user_list .user_item .time_box[data-v-18833475]{margin-left:5px;text-align:right;flex-shrink:0}.page-playWithIM .page-body .im .user_list .user_item .time_box .date[data-v-18833475]{font-size:14px;color:hsla(0,0%,100%,.4);margin-bottom:5px}.page-playWithIM .page-body .im .user_list .user_item .time_box .no[data-v-18833475]{padding:2px 5px;border-radius:9px;color:#fff;font-size:12px;background-color:#ff4349;text-align:center}.page-playWithIM .page-body .im .user_list .active[data-v-18833475]{position:relative;background-color:#3b55b8}.page-playWithIM .page-body .im .user_list .active[data-v-18833475]:after{content:" ";position:absolute;left:0;top:0;height:100%;width:7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAACACAMAAAAMLKhLAAAAAXNSR0IArs4c6QAAAPlQTFRFAAAAAAD/AP//AID/QL//M8z/LtH/KtX/K9X/Ncr/Lsj/MM//Lcv/M8z/Ms3/Mcn/Ms3/NMv/Ms3/NMv/Mc7/Mcr/Ms3/NMv/M8z/Msr/NMv/Msr/M8z/Msv/M8r/M8z/M8r/Msv/Ms3/M8v/NMv/M8z/NMv/NMv/M8z/NMv/Msv/NMv/Msr/M8v/Msr/NMr/M8r/Msv/M8v/M8z/M8v/Msz/M8v/Msz/M8v/M8z/M8r/M8v/M8v/NMv/M8v/M8z/Msv/M8z/M8v/M8v/M8r/M8v/M8z/M8v/M8z/M8v/M8z/M83/NM3/NM7/NM//NND/NdH/NdL/NdT/tpmpHwAAAEl0Uk5TAAEBAgQFCwwSGBwgIigpLzM2ODs+Q1JUVVdYZmhwdHd9f4mNj5CTmZqeoqKztLa3x8vR0dLV2drb4OTl5+jt9fj4+fr8/f3+/qQa7zYAAAC1SURBVDjL7dJFEsJAEAXQwd3dPbhDIDgBEjrE4P6HYUNmBqq4wfTurX79X43AOI9yCB8jI+M/DjIU9cu0QFGRj00nIYA2q/go6uKi6CcETV5W3YQP9TavBTEBTIkvBwhBVVZ1L6Giynwjhgnwkidpiuahn7R415/bbtxjUYd9O4WQ7cPnrhO1cu+GIXARl0VV2rQSCNk+NAUuTPU99UIOTO26LiFkx1uJ4/zXdMMseyRGxh++AdwRpQFf33uPAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.page-playWithIM .page-body .im .user_list .option[data-v-18833475]{filter:grayscale(1);background-color:rgba(10,12,14,.4)}.page-playWithIM .page-body .im .user_list .option [data-v-18833475]{opacity:.8}.page-playWithIM .page-body .im .user_list .active.option[data-v-18833475]{opacity:1}.page-playWithIM .page-body .im .im_box[data-v-18833475]{width:calc(100% - 312px);display:flex;flex-direction:column}.page-playWithIM .page-body .im .im_box .user_info_box[data-v-18833475]{height:90px;margin-bottom:2px;background-color:#20286c;display:flex;align-items:center;justify-content:space-between}.page-playWithIM .page-body .im .im_box .user_info_box .user_box[data-v-18833475]{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0 0 0 30px}.page-playWithIM .page-body .im .im_box .user_info_box .user_box .avatar_box[data-v-18833475]{width:42px;height:42px;margin-right:12px;border-radius:50%;overflow:hidden}.page-playWithIM .page-body .im .im_box .user_info_box .but_tool[data-v-18833475]{padding-right:30px;display:flex;align-items:center}.page-playWithIM .page-body .im .im_box .user_info_box .but_tool .el-button[data-v-18833475]{background:transparent;border:none;border-radius:0;color:#fff;min-width:120px;border:1px solid #3b55b8;height:42px}.page-playWithIM .page-body .im .im_box .user_info_box .but_tool .el-button .icon[data-v-18833475]{width:18px;height:18px;vertical-align:sub}.page-playWithIM .page-body .im .im_box .user_info_box .but_tool .el-button[data-v-18833475]:hover{background-color:#3b55b8}.page-playWithIM .page-body .im .im_box .im_list[data-v-18833475]{flex:1;min-height:1px;background-color:#20286c;display:flex;flex-direction:column;width:100%}.page-playWithIM .page-body .im .im_box .im_list .title_box[data-v-18833475]{background-color:#192160;padding-left:28px;line-height:42px;border-left:3px solid #0ff;text-align:left;color:#fff}.page-playWithIM .page-body .im .im_box .im_list .wss_info[data-v-18833475]{padding:30px;min-height:1px;flex:1;display:flex;flex-direction:column-reverse;box-sizing:border-box;overflow-y:auto;width:100%}.page-playWithIM .page-body .im .im_box .im_list .wss_info .block[data-v-18833475]{color:#fff;width:50%;display:inline-block;padding:5px 10px;background-color:#192160;border-radius:15px;margin:0 auto}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue[data-v-18833475]{display:flex;margin-bottom:20px;width:100%}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue .user_box[data-v-18833475]{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-right:5px;flex-shrink:0}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue .user_box img[data-v-18833475]{width:100%;height:100%}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue .user_dialogue[data-v-18833475]{max-width:calc(100% - 200px);text-align:left;overflow:hidden;width:auto}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue .user_dialogue .user_info[data-v-18833475]{font-size:14px;color:#fff;margin-bottom:10px;text-align:left}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue .user_dialogue .user_dialogue_cont[data-v-18833475]{display:inline-block;padding:10px 15px;background-color:#2d3479;border-radius:6px;line-height:2;color:#fff;font-size:14px;text-align:left;max-width:100%;word-wrap:break-word}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue .user_dialogue .user_dialogue_cont[data-v-18833475] img{max-width:100%}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue .user_dialogue .workimg[data-v-18833475]{max-width:90px;height:auto;display:inline-block}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue .user_dialogue .workimg img[data-v-18833475]{width:100%;height:100%}.page-playWithIM .page-body .im .im_box .im_list .wss_info .dialogue[data-v-18833475]:first-of-type{margin-bottom:0}.page-playWithIM .page-body .im .im_box .im_list .wss_info .other[data-v-18833475]{flex-direction:row-reverse}.page-playWithIM .page-body .im .im_box .im_list .wss_info .other .user_box[data-v-18833475]{margin-left:5px;margin-right:0}.page-playWithIM .page-body .im .im_box .im_list .wss_info .other .user_dialogue[data-v-18833475]{text-align:right}.page-playWithIM .page-body .im .im_box .im_list .wss_info .other .user_dialogue .user_info[data-v-18833475]{display:flex;align-items:center;flex-direction:row-reverse;text-align:right}.page-playWithIM .page-body .im .im_box .im_list .wss_info .other .user_dialogue .user_info span[data-v-18833475]{margin-left:5px}.page-playWithIM .page-body .im .im_box .im_list .wss_info .other .user_dialogue .user_dialogue_cont[data-v-18833475]{background-color:#3b55b8}.page-playWithIM .page-body .im .im_box .im_list .wss_info .table_none[data-v-18833475]{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}.page-playWithIM .page-body .im .im_box .im_list .wss_info .table_none img[data-v-18833475]{width:150px}.page-playWithIM .page-body .im .im_box .im_list .wss_info .table_none p[data-v-18833475]{color:#fff;margin-top:12px;font-size:14px}.page-playWithIM .page-body .im .im_box .im_list .wss_info .top_loading[data-v-18833475]{text-align:center;color:#999;width:100%;height:30px;line-height:30px;font-size:16px}.page-playWithIM .page-body .im .im_box .im_list .input_box[data-v-18833475]{min-height:60px;background-color:#2d3479;padding:10px 30px}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box[data-v-18833475]{height:100%;display:flex;align-items:center;background-color:#192160;border-radius:20px;padding:5px}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .header[data-v-18833475]{width:30px;height:30px;border-radius:50%}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .input[data-v-18833475]{flex:1}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .input[data-v-18833475] .el-textarea__inner{border:0;background-color:transparent;color:#fff}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .emoji_box[data-v-18833475]{width:24px;height:24px;margin-right:15px}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .emoji_box .emoji[data-v-18833475]{width:100%;height:100%}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .avatar-uploader[data-v-18833475]{display:flex;align-items:center}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .avatar-uploader[data-v-18833475] .el-upload{height:24px}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .iconUp[data-v-18833475]{background-color:transparent;border:none;font-size:24px;padding:0 0;margin-right:15px;height:24px}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .iconUp .upImg[data-v-18833475]{width:24px;height:24px;display:block}.page-playWithIM .page-body .im .im_box .im_list .input_box .input_info_box .sending[data-v-18833475]{width:60px;height:30px;border-radius:20px;background-color:#4d64da;border:none;padding:8px}.form-body_Block[data-v-18833475]{width:360px;margin:0 auto}.form-body_Block p[data-v-18833475]{line-height:2;margin-bottom:60px}.form-body_Block .submit[data-v-18833475]{margin-bottom:60px;width:360px;color:#fff;background-color:#3b55b8;border:none;border-radius:0}.emoji_popover .category{max-height:400px;overflow-y:auto}.emoji_popover .category::-webkit-scrollbar{width:2px}.emoji_popover .category::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,.2)}.emoji_popover .category::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,.2)}.emoji_popover .category .emojis_container{display:flex;flex-wrap:wrap}.emoji_popover .category .emojis_container button{background-color:transparent;border:none;font-size:24px;cursor:pointer}