.padding-xs{padding:5px}.margin-bottom{margin-bottom:20px}.margin-top-lg{margin-top:60px}.margin-top-xs{margin-top:10px}.margin-left-xs{margin-left:10px}.title-table{border:1px solid #ebeef5;color:#303133;border-top-left-radius:4px;border-top-right-radius:4px;height:40px;line-height:40px;font-weight:700;background:#ebeef5;text-indent:20px}.text-blue{color:#3d9dff}.text-red{color:red}.text-yellow{color:#e6ad54}.text-center{text-align:center}.font-20{font-size:20px}.font-bold{font-weight:700}.app-container[data-v-36ebfeda]{width:80%;margin:120px auto}.img-style[data-v-36ebfeda]{width:auto;height:auto;max-width:100%;max-height:100%}.cselfdiv>ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.cselfdiv>ul>li{display:inline-block;width:320px;height:260px;border:1px solid #eaeaea;margin-top:10px;margin-right:25px}.cselfdiv>ul>li>.picclass{width:100%}.tclass{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svg-icon[data-v-50bb3a14]{width:1.2em;height:1.2em;vertical-align:-.18em;fill:currentColor;overflow:hidden}.filter-container[data-v-8093b476]{margin-bottom:20px}.table-container[data-v-8093b476]{background:#fff;padding:10px}.detail-table[data-v-8093b476]{width:100%;border-collapse:collapse;border:1px solid #ebeef5}.detail-table td[data-v-8093b476]{border:1px solid #ebeef5;padding:10px}.table-cell-label[data-v-8093b476]{width:140px;background-color:#f5f7fa;color:#606266;font-weight:700;text-align:right}.table-cell-value[data-v-8093b476]{color:#606266}.selfdivc>ul[data-v-6460df8c]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdivc>ul>li[data-v-6460df8c]{display:inline-block;width:108px;height:50px;line-height:50px;border:1px solid #eaeaea;border-radius:5px;margin-top:10px;margin-right:15px;text-align:center}.selfdivc>ul>li>.picclass[data-v-6460df8c]{width:100%}.picclass>img[data-v-6460df8c]{margin:5px 6px}.tclass[data-v-6460df8c]{margin:2px 12px;display:block;height:40px}.pclass[data-v-6460df8c]{margin:5px 2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclass[data-v-6460df8c]{margin-left:10px;text-align:center;line-height:32px}.card-container[data-v-f9ad89e0]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-ms-flex-pack:center;justify-content:center}.card[data-v-f9ad89e0]{width:250px;border:1px solid #ddd;border-radius:5px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center;padding:15px}.card-image[data-v-f9ad89e0]{width:100%;height:150px;background-color:#f0f0f0;border-radius:5px;margin-bottom:10px}.card-content[data-v-f9ad89e0]{margin-bottom:10px}.card-content h3[data-v-f9ad89e0]{font-size:18px;color:#333;margin-bottom:5px}.card-content p[data-v-f9ad89e0]{font-size:14px;color:#666}.card-button[data-v-f9ad89e0]{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;transition:background-color .3s ease}.card-button[data-v-f9ad89e0]:hover{background-color:#0056b3}.selfdiv>ul[data-v-1e5835a5]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdiv>ul>li[data-v-1e5835a5]{display:inline-block;width:220px;height:316px;border:1px solid #eaeaea;margin-top:10px;margin-right:25px}.selfdiv>ul>li>.picclass[data-v-1e5835a5]{width:100%}.picclass>img[data-v-1e5835a5]{margin:5px 6px}.tclass[data-v-1e5835a5]{margin:2px 12px;display:block;height:20px}.pclass[data-v-1e5835a5]{margin:2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclass[data-v-1e5835a5]{margin-left:10px;text-align:center;line-height:20px}.selfdivc>ul[data-v-e7b143a6]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdivc>ul>li[data-v-e7b143a6]{display:inline-block;width:108px;height:50px;line-height:50px;border:1px solid #eaeaea;border-radius:5px;margin-top:10px;margin-right:15px;text-align:center}.selfdivc>ul>li>.picclass[data-v-e7b143a6]{width:100%}.picclass>img[data-v-e7b143a6]{margin:5px 6px}.tclass[data-v-e7b143a6]{margin:2px 12px;display:block;height:40px}.pclass[data-v-e7b143a6]{margin:5px 2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclass[data-v-e7b143a6]{margin-left:10px;text-align:center;line-height:32px}.selfdiv>ul[data-v-2412f237]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdiv>ul>li[data-v-2412f237]{display:inline-block;width:220px;height:316px;border:1px solid #eaeaea;margin-top:10px;margin-right:25px}.selfdiv>ul>li>.picclass[data-v-2412f237]{width:100%}.picclass>img[data-v-2412f237]{margin:5px 6px}.tclass[data-v-2412f237]{margin:2px 12px;display:block;height:20px}.pclass[data-v-2412f237]{margin:2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclass[data-v-2412f237]{margin-left:10px;text-align:center;line-height:20px}.selfdivc>ul[data-v-05d3f7ec]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdivc>ul>li[data-v-05d3f7ec]{display:inline-block;width:108px;height:50px;line-height:50px;border:1px solid #eaeaea;border-radius:5px;margin-top:10px;margin-right:15px;text-align:center}.selfdivc>ul>li>.picclass[data-v-05d3f7ec]{width:100%}.picclass>img[data-v-05d3f7ec]{margin:5px 6px}.tclass[data-v-05d3f7ec]{margin:2px 12px;display:block;height:40px}.pclass[data-v-05d3f7ec]{margin:5px 2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclass[data-v-05d3f7ec]{margin-left:10px;text-align:center;line-height:32px}.selfdiv>ul[data-v-7a11377e]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdiv>ul>li[data-v-7a11377e]{display:inline-block;width:220px;height:316px;border:1px solid #eaeaea;margin-top:10px;margin-right:25px}.selfdiv>ul>li>.picclass[data-v-7a11377e]{width:100%}.picclass>img[data-v-7a11377e]{margin:5px 6px}.tclass[data-v-7a11377e]{margin:2px 12px;display:block;height:20px}.pclass[data-v-7a11377e]{margin:2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclass[data-v-7a11377e]{margin-left:10px;text-align:center;line-height:20px}.selfdivlistBody>ul[data-v-5beb8485]{-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdivlistBody>ul>li[data-v-5beb8485]{display:inline-block;width:240px;height:352px;border:1px solid #eaeaea;margin-top:10px;margin-right:25px;border-radius:1px}.selfdivlistBody>ul>li>.picclasslistBody[data-v-5beb8485]{width:100%}.picclasslistBody>img[data-v-5beb8485]{margin:5px 6px;width:224px;height:215px}.tclasslistBody[data-v-5beb8485]{margin:2px 12px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.pclasslist[data-v-5beb8485]{margin:2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclasslistBody[data-v-5beb8485]{margin-left:10px;line-height:32px}.selfdiv>ul[data-v-58624d7c]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdiv>ul>li[data-v-58624d7c]{display:inline-block;width:220px;height:316px;border:1px solid #eaeaea;margin-top:10px;margin-right:25px}.selfdiv>ul>li>.picclass[data-v-58624d7c]{width:100%}.picclass>img[data-v-58624d7c]{margin:5px 6px}.tclass[data-v-58624d7c]{margin:2px 12px;display:block;height:20px}.pclass[data-v-58624d7c]{margin:2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclass[data-v-58624d7c]{margin-left:10px;text-align:center;line-height:20px}.selfdivc>ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdivc>ul>li{display:inline-block;width:108px;height:50px;line-height:50px;border:1px solid #eaeaea;border-radius:5px;margin-top:10px;margin-right:15px;text-align:center}.selfdivc>ul>li>.picclass{width:100%}.picclass>img{margin:5px 6px}.tclass{margin:2px 12px;display:block;height:40px}.pclass{margin:5px 2px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.piclass{margin-left:10px;text-align:center;line-height:32px}.selfdiv>ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.selfdiv>ul>li{display:inline-block;width:441px;max-width:540px;height:120px;border:1px solid #eaeaea;margin-top:10px;margin-right:25px;border-radius:1px}.layui-col-xs12{height:120px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.user-img{width:97px;height:97px;margin:10px;float:left}.content-right{float:right}.content-right>p{line-height:5px}.clear{float:none}.ellipsis{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{width:auto;min-width:40px;max-width:300px}.app-container-l{display:-ms-flexbox;display:flex;height:100vh;background-color:#f5f5f5}.user-list-xfl{width:25%;height:100%;overflow-y:auto;background-color:#fff;border-right:1px solid #ddd;padding:10px}.user-list-xfl ul{list-style:none;padding:0}.user-list-xfl li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:10px;margin:5px 0;cursor:pointer;border-radius:5px;transition:background-color .3s}.user-list-xfl li:hover{background-color:#f0f0f0}.user-list-xfl li.active{background-color:#007bff;color:#fff}.user-list-xfl img{width:40px;height:40px;border-radius:50%;margin-right:10px}.chat-window-xfl{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#fff;padding:10px;overflow-y:auto}.messages-xfl{-ms-flex:1;flex:1;overflow-y:auto;padding:10px;height:100%;border:1px solid #ddd;margin-bottom:10px;position:relative}.loading-xfl{text-align:center;margin:10px 0;color:#888;font-size:14px}.message-xfl{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:10px}.message-xfl.self{-ms-flex-pack:end;justify-content:flex-end}.message-xfl.self span{background-color:#007bff;color:#fff;padding:10px;border-radius:10px}.message-xfl.other span{background-color:#f0f0f0;padding:10px;border-radius:10px}.message-xfl img{width:40px;height:40px;border-radius:50%;margin-right:10px}.selftitlea{font-weight:500;font-size:16px;color:#333}.selfcontenta{font-size:15px;color:#444}.selfzhaia{font-size:15px;color:#999}.detail-form[data-v-342f4410]{border:1px solid #ebeef5;border-radius:4px;padding:10px 20px}.detail-form .el-form-item[data-v-342f4410]{border-bottom:1px solid #ebeef5;margin:0;padding:8px 0}.detail-form .el-form-item[data-v-342f4410]:last-child{border-bottom:none}.pre-line-text[data-v-342f4410]{white-space:pre-line;word-break:break-word;line-height:1.5;margin:0}.filter-container .el-radio[data-v-2d439f19]{margin-right:20px;margin-bottom:10px}.filter-container .el-radio-group[data-v-2d439f19]{margin-top:10px}.app-container[data-v-6058a90e]{padding:20px}.filter-container[data-v-6058a90e]{padding-bottom:10px}.chat-container[data-v-6058a90e]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:400px;overflow-y:auto;padding:15px;background-color:#f5f7fa;border-radius:4px;margin-bottom:20px}.chat-message[data-v-6058a90e]{display:-ms-flexbox;display:flex;margin-bottom:15px;-ms-flex-align:start;align-items:flex-start}.chat-left[data-v-6058a90e]{-ms-flex-direction:row;flex-direction:row}.chat-right[data-v-6058a90e]{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chat-avatar[data-v-6058a90e]{margin:0 10px}.chat-content-wrap[data-v-6058a90e]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:70%}.chat-left .chat-content-wrap[data-v-6058a90e]{-ms-flex-align:start;align-items:flex-start}.chat-right .chat-content-wrap[data-v-6058a90e]{-ms-flex-align:end;align-items:flex-end}.chat-info[data-v-6058a90e]{font-size:12px;color:#999;margin-bottom:4px}.chat-left .chat-info[data-v-6058a90e]{text-align:left}.chat-right .chat-info[data-v-6058a90e]{text-align:right}.chat-name[data-v-6058a90e]{margin:0 5px}.chat-bubble[data-v-6058a90e]{padding:10px 15px;border-radius:8px;font-size:14px;line-height:1.5;word-break:break-all}.chat-left .chat-bubble[data-v-6058a90e]{background-color:#fff;color:#333;border:1px solid #e4e7ed;border-top-left-radius:0}.chat-right .chat-bubble[data-v-6058a90e]{background-color:#95ec69;color:#333;border-top-right-radius:0}