@charset "utf-8";

.zc__bubble_container { width: 396px; position: fixed; z-index: 999999; bottom: 80px; right: 40px; overflow: hidden; transition: scroll 2s; box-sizing: border-box; display: none; padding: 30px 0px 10px; }

.zc__bubble_container.more { width: 350px; }

.zc__bubble_container.once { width: 396px; }

.zc__bubble_container .zc__bubble_container_close { position: absolute; top: 0px; right: 10px; width: 20px; height: 20px; border-radius: 50%; border: none; cursor: pointer; display: none; }

.zc__bubble_container .zc__bubble__wrap { margin: 0px; padding: 10px 0px 0px; list-style-type: none; overflow: hidden scroll; max-height: 400px; width: 110%; box-sizing: border-box; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item { width: 100%; max-width: 100%; margin: 10px 0px; padding: 0px 0px 0px 26px; list-style-type: none; cursor: pointer; box-sizing: border-box; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-header { width: 30px; height: 30px; border-radius: 50%; position: absolute; top: 0px; left: 0px; display: block; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-header img { width: 30px; height: 30px; border-radius: 50%; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content { width: 270px; position: relative; margin-left: 10px; box-shadow: rgba(53, 53, 53, 0.15) 0px 0px 14px 0px; padding: 10px; border-radius: 3px; color: rgb(85, 85, 86); background: rgb(255, 255, 255); margin-right: 20px; box-sizing: border-box; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-name { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50%; font-size: 12px; color: rgb(182, 191, 189); }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-time { position: absolute; right: 7px; top: 11px; font-size: 12px; color: rgb(182, 191, 189); }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-html { margin-top: 10px; margin-bottom: 5px; color: rgb(51, 51, 51); font-size: 14px; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-html .zc__bubble__msg_file { width: 100%; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-html .zc__bubble__msg_file .file-container { width: 100%; height: 70px; text-decoration: none; display: block; padding: 15px 15px 15px 50px; position: relative; box-shadow: rgba(53, 53, 53, 0.15) 0px 0px 10px 0px; border-radius: 4px; box-sizing: border-box; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-html .zc__bubble__msg_file .file-container .file-icon { width: 34px; height: 40px; position: absolute; left: 15px; top: 15px; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-html .zc__bubble__msg_file .file-container .file-info { width: 100%; padding-left: 10px; box-sizing: border-box; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-html .zc__bubble__msg_file .file-container .file-info .file-info-name { width: 100%; height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgb(81, 90, 124); text-align: left; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item .bubble-content .bubble-content-html .zc__bubble__msg_file .file-container .file-info .file-info-des { width: 100%; height: 18px; line-height: 18px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgb(172, 181, 196); text-align: left; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one { width: 365px; height: auto; max-height: 400px; background: rgb(255, 255, 255); color: rgb(119, 116, 116); font-size: 14px; box-shadow: rgba(53, 53, 53, 0.15) 0px 0px 10px 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid rgb(224, 224, 224); cursor: pointer; box-sizing: border-box; margin: 0px 0px 0px 10px; overflow: hidden; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-header { width: 100%; height: 60px; line-height: 30px; box-sizing: border-box; padding: 30px 100px 0px 70px; position: relative; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-header img { width: 30px; height: 30px; position: absolute; left: 30px; border-radius: 50%; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-header .bubble-header-name { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; font-size: 12px; color: rgb(182, 191, 189); }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-header .bubble-header-time { position: absolute; right: 14px; top: 30px; font-size: 12px; color: rgb(182, 191, 189); }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content { width: 100%; max-height: 300px; overflow-y: scroll; box-sizing: border-box; padding: 14px 14px 8px 30px; margin-bottom: 20px; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content::-webkit-scrollbar { width: 4px; height: 4px; background-color: rgb(255, 255, 255); }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content ::-webkit-scrollbar-track { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; border-radius: 10px; background-color: rgb(245, 245, 245); }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px inset; background-color: rgb(200, 200, 200); }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content .zc__bubble__msg_file { width: 100%; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content .zc__bubble__msg_file .file-container { width: 100%; height: 70px; text-decoration: none; display: block; padding: 15px 15px 15px 50px; position: relative; border-radius: 4px; box-sizing: border-box; box-shadow: rgba(53, 53, 53, 0.15) 0px 0px 10px 0px; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content .zc__bubble__msg_file .file-container .file-icon { width: 34px; height: 40px; position: absolute; left: 15px; top: 15px; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content .zc__bubble__msg_file .file-container .file-info { width: 100%; padding-left: 10px; box-sizing: border-box; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content .zc__bubble__msg_file .file-container .file-info .file-info-name { width: 100%; height: 20px; line-height: 20px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgb(81, 90, 124); text-align: left; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one .bubble-content .zc__bubble__msg_file .file-container .file-info .file-info-des { width: 100%; height: 18px; line-height: 18px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgb(172, 181, 196); text-align: left; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item a, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one a { color: rgb(21, 160, 232); text-decoration: underline; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item li, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one li { list-style: none; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item iframe, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one iframe, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item embed, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one embed, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item table, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one table { max-width: 100%; width: auto !important; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item code, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one code { white-space: break-spaces; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item img, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one img { max-width: 100%; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item video, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one video { width: 100%; min-width: 240px; border-radius: 4px; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item audio, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one audio { max-width: 100%; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item div[data-w-e-type="attachment"], .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one div[data-w-e-type="attachment"] { background-color: rgb(255, 255, 255); max-width: 100%; box-sizing: border-box; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item div[data-w-e-type="attachment"] .w-e-textarea-attach-card-icon-container, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one div[data-w-e-type="attachment"] .w-e-textarea-attach-card-icon-container { min-width: 48px; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item div[data-w-e-type="attachment"] .w-e-textarea-attach-card-fileName-container, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one div[data-w-e-type="attachment"] .w-e-textarea-attach-card-fileName-container { max-width: 80%; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item div[data-w-e-type="attachment"] .w-e-textarea-attach-card-fileName-container span, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one div[data-w-e-type="attachment"] .w-e-textarea-attach-card-fileName-container span { max-width: 100%; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item div[data-w-e-type="link-card"], .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one div[data-w-e-type="link-card"] { background-color: rgb(255, 255, 255); max-width: 100%; box-sizing: border-box; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item table, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one table { border-collapse: collapse; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item table td, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one table td, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item table th, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one table th { border: 1px solid rgb(204, 204, 204); min-width: 50px; height: 20px; }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item table th, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one table th { background-color: rgb(241, 241, 241); }

.zc__bubble_container .zc__bubble__wrap .zc__bubble__item table td, .zc__bubble_container .zc__bubble__wrap .zc__bubble__item_one table td { background-color: rgb(255, 255, 255); }

.zc__bubble_container .zc__bubble__input { width: 365px; height: 56px; background: rgb(255, 255, 255); line-height: 56px; color: rgb(119, 116, 116); font-size: 14px; box-shadow: rgba(53, 53, 53, 0.15) 0px 0px 10px 0px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 0px 24px; cursor: text; box-sizing: border-box; margin-left: 10px; position: relative; }

.zc__bubble_container .zc__bubble__input.more { width: 296px; margin-left: 36px; }

.zc__bubble_container .zc__bubble__input.once { width: 365px; margin-left: 10px; }

.zc__bubble_container .zc__bubble__input .zc__bubble__input_icon { position: absolute; right: 24px; top: 18px; cursor: pointer; fill: rgb(22, 22, 22); }