@charset "UTF-8";.el-radio,.el-radio--medium.is-bordered .el-radio__label{font-size:14px}.el-radio,.el-radio__input{white-space:nowrap;line-height:1;outline:0}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:#606266;font-weight:500;cursor:pointer;margin-right:30px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;height:40px}.el-radio.is-bordered.is-checked{border-color:#409EFF}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{cursor:pointer;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#C0C4CC}.el-radio__input.is-disabled+span.el-radio__label{color:#C0C4CC;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#409EFF;background:#409EFF}.el-radio__input.is-checked .el-radio__inner::after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#409EFF}.el-radio__input.is-focus .el-radio__inner{border-color:#409EFF}.el-radio__inner{border:1px solid #DCDFE6;border-radius:100%;width:14px;height:14px;background-color:#FFF;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#409EFF}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px #409EFF}.el-radio__label{font-size:14px;padding-left:10px}
.el-radio-group{display:inline-block;line-height:1;vertical-align:middle;font-size:0}

.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#F56C6C;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#F56C6C;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#F56C6C}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#F56C6C}.el-form-item--feedback .el-input__validateIcon{display:inline-block}
.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}
.group-member-list-wrapper .header[data-v-7901c9ab] {
  height: 50px;
  padding: 10px 16px 10px 20px;
  border-bottom: 1px solid #e7e7e7;
}
.group-member-list-wrapper .header .member-count[data-v-7901c9ab] {
  display: inline-block;
  max-width: 130px;
  line-height: 30px;
  font-size: 14px;
  vertical-align: bottom;
}
.group-member-list-wrapper .header .btn-add-member[data-v-7901c9ab] {
  width: 30px;
  height: 30px;
  font-size: 28px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  float: right;
}
.group-member-list-wrapper .header .btn-add-member[data-v-7901c9ab]:hover {
  color: #5cadff;
}
.group-member-list-wrapper .scroll-content[data-v-7901c9ab] {
  max-height: 280px;
  overflow-y: scroll;
  padding: 10px 15px 10px 15px;
  width: 100%;
}
.group-member-list-wrapper .scroll-content .group-member-list[data-v-7901c9ab] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.group-member-list-wrapper .scroll-content .group-member[data-v-7901c9ab] {
  width: 100px;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  color: #000;
  cursor: pointer;
}
.group-member-list-wrapper .scroll-content .group-member .avatar[data-v-7901c9ab] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 auto;
}
.group-member-list-wrapper .scroll-content .group-member .member-name[data-v-7901c9ab] {
  font-size: 12px;
  width: 100px;
  text-align: center;
}
.group-member-list-wrapper .more[data-v-7901c9ab] {
  padding: 0 20px;
  border-bottom: 1px solid #e7e7e7;
}

#message-send-box-wrapper[data-v-18d6433f] {
  box-sizing: border-box;
  overflow: hidden;
  padding: 3px 20px 20px 20px;
  border-right: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.emojis[data-v-18d6433f] {
  height: 160px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: scroll;
}
.emoji[data-v-18d6433f] {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
}
.send-header-bar[data-v-18d6433f] {
  box-sizing: border-box;
  padding: 3px 0 0 0;
}
.send-header-bar i[data-v-18d6433f] {
  cursor: pointer;
  font-size: 24px;
  color: #808080;
  margin: 0 12px 0 0;
}
.send-header-bar i[data-v-18d6433f]:hover {
  color: #000;
}
textarea[data-v-18d6433f] {
  resize: none;
}
.text-input[data-v-18d6433f] {
  font-size: 16px;
  width: 100%;
  box-sizing: box-sizing;
  border: none;
  outline: none;
  background-color: transparent;
}
.block[data-v-18d6433f] {
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.bottom[data-v-18d6433f] {
  padding-top: 10px;
  position: relative;
}
.bottom .btn-send[data-v-18d6433f] {
  cursor: pointer;
  position: absolute;
  color: #2d8cf0;
  font-size: 30px;
  right: 0;
  bottom: -5px;
  padding: 6px 6px 4px 4px;
  border-radius: 50%;
}
.group-live-icon-box[data-v-18d6433f] {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 25px;
  height: 25px;
  margin-right: 12px;
}
.group-live-icon-box .group-live-icon[data-v-18d6433f] {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background: url(../img/live-icon.393af09e.png) center no-repeat;
  background-size: cover;
  z-index: 2;
}
.group-live-icon-box .group-live-icon-hover[data-v-18d6433f] {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background: url(../img/live-icon-hover.1081675f.png) center no-repeat;
  background-size: cover;
  z-index: 1;
}
.group-live-icon-box:hover .group-live-icon[data-v-18d6433f] {
  z-index: 1;
}
.group-live-icon-box:hover .group-live-icon-hover[data-v-18d6433f] {
  z-index: 2;
}
.calling-member-list[data-v-18d6433f] {
  position: absolute;
  top: 50px;
  background: #fff;
  margin-right: 20px;
}
.calling-member-list .calling-list-btn[data-v-18d6433f] {
  width: 140px;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin: 10px 0;
}
.calling-member-list .calling-list-btn .calling-btn[data-v-18d6433f] {
  cursor: pointer;
  padding: 6px 12px;
  background: #00a4ff;
  color: #fff;
  font-size: 14px;
  border-radius: 20px;
  margin-left: 13px;
}
.el-popover[data-v-18d6433f] {
  padding: 12px 0 0 0 !important;
}

.message-send-fail[data-v-cdef4e6a] {
  margin-right: 8px;
  background-color: #f35f5f;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
}

.right[data-v-47a5c086] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.left[data-v-47a5c086] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.base[data-v-47a5c086] {
  color: #a5b5c1;
  font-size: 12px;
}
.name[data-v-47a5c086] {
  padding: 0 8px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}
.date[data-v-47a5c086] {
  color: #999;
}

.right[data-v-26735c94] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.left[data-v-26735c94] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.base[data-v-26735c94] {
  color: #a5b5c1;
  font-size: 12px;
}
.name[data-v-26735c94] {
  padding: 0 4px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.date[data-v-26735c94] {
  padding: 4px;
}

.chat-bubble[data-v-48f909f6] {
  position: relative;
}
.chat-bubble .message-status[data-v-48f909f6] {
  display: -ms-flexbox;
  display: flex;
  min-width: 25px;
  margin-right: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  color: #6e7981;
}
.chat-bubble .message-content[data-v-48f909f6] {
  outline: none;
  font-size: 14px;
  position: relative;
  max-width: 350px;
  word-wrap: break-word;
  word-break: break-all;
  padding: 8px 10px;
}
.chat-bubble .message-content span[data-v-48f909f6] {
  white-space: pre-wrap;
  margin: 0;
  text-shadow: #495060 0 0 0.05em;
}
.chat-bubble .message-content img[data-v-48f909f6] {
  vertical-align: bottom;
}
.chat-bubble .message-received[data-v-48f909f6] {
  background-color: #fff;
  margin-left: 15px;
  border-radius: 0px 12px 12px 12px;
}
.chat-bubble .message-received.new[data-v-48f909f6] {
  transform: scale(0);
  transform-origin: top left;
  animation: bounce-data-v-48f909f6 500ms linear both;
}
.chat-bubble .message-received.noBg[data-v-48f909f6] {
  background-color: none;
}
.chat-bubble .message-send[data-v-48f909f6] {
  background-color: #5cadff;
  margin-right: 15px;
  border-radius: 12px 0px 12px 12px;
  color: #fff;
}
.chat-bubble .message-send.new[data-v-48f909f6] {
  transform: scale(0);
  transform-origin: top right;
  animation: bounce-data-v-48f909f6 500ms linear both;
}
.chat-bubble .message-send.noBg[data-v-48f909f6] {
  background-color: none;
}
.chat-bubble .el-dropdown[data-v-48f909f6] {
  vertical-align: top;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}
.chat-bubble .el-dropdown + .el-dropdown[data-v-48f909f6] {
  margin-left: 15px;
}
.chat-bubble .el-icon-arrow-down[data-v-48f909f6] {
  font-size: 12px;
}
.group-tip-element-wrapper[data-v-48f909f6] {
  background: #fff;
  padding: 4px 15px;
  border-radius: 3px;
  color: #a5b5c1;
  font-size: 12px;
}
.edit-button[data-v-48f909f6] {
  padding-top: 4px;
  height: 20px;
  font-size: 10px;
}
@keyframes bounce-data-v-48f909f6 {
0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
4.7% {
    transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
9.41% {
    transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
35.54% {
    transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
41.04% {
    transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
52.15% {
    transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
85.49% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}

.file-element-wrapper[data-v-717e76da] {
  cursor: pointer;
}
.header[data-v-717e76da] {
  display: -ms-flexbox;
  display: flex;
}
.file-icon[data-v-717e76da] {
  font-size: 40px !important;
}
.file-element[data-v-717e76da] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-left: 12px;
}
.file-size[data-v-717e76da] {
  font-size: 12px;
  padding-top: 5px;
}

.face-element-wrapper img[data-v-9c51e38a] {
  max-width: 90px;
}

.border-wrap[data-v-1c872a2a] {
  border: 1px solid #ddd;
  min-width: 50px;
  min-height: 50px;
  border-radius: 6px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.image-element[data-v-1c872a2a] {
  max-width: 200px;
  max-height: 200px;
  cursor: zoom-in;
}


.sound-element-wrapper[data-v-1f349c9f] {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: left;
      justify-content: left;
  margin-left: 10px;
}
.audio-loading[data-v-1f349c9f] {
  width: 16px;
  height: 14px;
  display: inline-block;
  background: url(data:image/gif;base64,R0lGODlhQAA4AJECADQ0NDMzMwAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTE2QzUxN0RDQzA3MTFFQjhFM0M5Njk0NUIwNDVFODMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTE2QzUxN0VDQzA3MTFFQjhFM0M5Njk0NUIwNDVFODMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTZDNTE3QkNDMDcxMUVCOEUzQzk2OTQ1QjA0NUU4MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMTZDNTE3Q0NDMDcxMUVCOEUzQzk2OTQ1QjA0NUU4MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUCAAIALAAAAABAADgAAAJclI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fy/AU2Ddk37ugB39MBG74ho2hUIJOIJdPgfEaZ02TVeB1mgVteF/elhWdj8u+JTqvX7Lb7DY/L5/S6/Y7HFQAAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwQAAgABAAoAAACDoxlqcvtD6OctNorQBAFACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsHgABAAQANgAAAhCMZanL7Q+jnLTai3MWIIgCACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsKwAIAAQAKAAAAg6MZanL7Q+jnLTaK0AQBQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALDoAEgAEABQAAAIKVI6py+0PnQmiAAAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBACH5BAUCAAIALAAAAAABAAEAAAICVAEAIfkEBQIAAgAsAAAAAAEAAQAAAgJUAQAh+QQFAgACACwAAAAAAQABAAACAlQBADs=) no-repeat 0 0;
  background-size: cover;
}
.audio-pause[data-v-1f349c9f] {
  width: 16px;
  height: 14px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAABNGP5yAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAOAAAAACP8+m+AAABkElEQVRoBe1a2xGCMBAUxzK0CmjCRiiKRmwCurAPBCdk9iMZHjk2B5wzjmcI2cetyYfcbhd/Fbn0V1X1HrAbh1+3bfvJweWeA9RhNn3fP8f38H0ygk4nmwFO+F8w1mwHshnAFhrDMwNizlxl/PIJeKR2mn2cSeNJJIB9nIniJRuARxjWqcmK3Y8YWMfmz40nGzAHoP26GaC9Q3vz86eA9O66N/G168f04U9AdHddS5AwP6jPG4A7KtYEYhQI1IS1N4DCQiGIGaCwKVRKlgCq3QrBLAEKm0KlZAmg2q0QzBKgsClUSpYAqt0KwSwBCptCpWQJoNqtEMwSoLApVEqWAKrdCsEsAQqbQqXkE1AUxXdCxnoaO/onasLaGzAIrMcL7mJ9dMEB/kF9/r9B96DiK3DjKYZi+jABpxC6VoQZsNaxs81PTgDuqFjvZRRiYL0VL9mAATi4u24ltOA+Ubxsj8uXZdmj2K7rsnCRSADqOFxtBhyuZcKELQHChi5eDo8wrBcvIDQxZwJEjzMhP663zA+GVX3h/99X8gAAAABJRU5ErkJggg==) no-repeat 0 0;
  background-size: cover;
}

.video[data-v-1f0a260b] {
  width: 100%;
  max-height: 300px;
}
.border-wrap[data-v-1f0a260b] {
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.group-tip-element-wrapper[data-v-5619a346] {
  background: #fff;
  padding: 4px 15px;
  border-radius: 3px;
  color: #a5b5c1;
  font-size: 12px;
}

.profile-header {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.profile-card-wrapper .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.profile-card-wrapper .avatar {
  width: 70px;
  height: 70px;
}
.basic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 12px;
}
.icon-male {
  color: #2d8cf0;
}
.icon-female {
  color: #ff8096;
}
.nick {
  font-size: 18px;
  margin-right: 8px;
  max-width: 100px;
  display: inline-block;
}

.card[data-v-eeaca890] {
  background: #fff;
  padding: 12px;
  border-radius: 5px;
  width: 300px;
}
.card .card-header[data-v-eeaca890] {
  font-size: 18px;
}
.card .card-content[data-v-eeaca890] {
  font-size: 14px;
}

.my-profile-wrapper[data-v-5a4cdaf3] {
  width: 50px;
  height: 50px;
  margin: 15px;
}
.my-profile-wrapper>span[data-v-5a4cdaf3] {
  display: block;
  width: 100%;
  height: 100%;
}
.my-profile-wrapper .popover[data-v-5a4cdaf3] {
  padding: none;
  border: none;
  border-radius: 30px;
}
.my-avatar[data-v-5a4cdaf3] {
  cursor: pointer;
  border-radius: 50%;
}
.edit-my-profile[data-v-5a4cdaf3] {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.group-live-custom-message-card[data-v-5529013c] {
  min-width: 160px;
  max-width: 220px;
  height: 100px;
  padding: 10px;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.group-live-custom-message-card .card-title[data-v-5529013c] {
  font-weight: 500;
  margin: 0;
}
.group-live-custom-message-card .card-content[data-v-5529013c] {
  margin-bottom: 5px;
  font-weight: 400;
  border-bottom: 1px solid #e6e6e6;
}
.group-live-custom-message-card .card-footer[data-v-5529013c] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #8e8b8b;
  font-weight: 400;
  font-size: 13px;
}
.group-live-custom-message-card .card-footer .avatar[data-v-5529013c] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 5px;
}

.timezone_grey[data-v-86751008] {
  width: 100%;
  height: 100%;
}
.conversation-item-container[data-v-86751008] {
  padding: 14px 12px;
  cursor: pointer;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  transition: 0.2s;
}
.conversation-item-container[data-v-86751008]:hover {
  background-color: #f7f7f7;
}
.conversation-item-container:hover .close-btn[data-v-86751008] {
  right: 3px;
}
.conversation-item-container .close-btn[data-v-86751008] {
  position: absolute;
  right: -20px;
  top: 3px;
  color: #76828c;
  transition: all 0.2s ease;
}
.conversation-item-container .close-btn[data-v-86751008]:hover {
  color: #f35f5f;
}
.conversation-item-container .warp[data-v-86751008] {
  display: -ms-flexbox;
  display: flex;
}
.conversation-item-container .avatar[data-v-86751008] {
  width: 54px;
  height: 54px;
  margin-right: 10px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.conversation-item-container .content[data-v-86751008] {
  -ms-flex: 1;
      flex: 1;
  height: 40px;
  overflow: hidden;
}
.conversation-item-container .content .row-1[data-v-86751008] {
  display: -ms-flexbox;
  display: flex;
  line-height: 21px;
}
.conversation-item-container .content .row-1 .name[data-v-86751008] {
  color: #333;
  -ms-flex: 1;
      flex: 1;
  min-width: 0px;
}
.conversation-item-container .content .row-1 .unread-count[data-v-86751008] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #76828c;
  font-size: 12px;
}
.conversation-item-container .content .row-1 .unread-count .badge[data-v-86751008] {
  vertical-align: bottom;
  background-color: #f35f5f;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  max-width: 40px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
}
.conversation-item-container .content .row-2[data-v-86751008] {
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  padding-top: 3px;
}
.conversation-item-container .content .row-2 .summary[data-v-86751008] {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  min-width: 0px;
  color: #a5b5c1;
}
.conversation-item-container .content .row-2 .summary .remind[data-v-86751008] {
  color: #f35f5f;
}
.conversation-item-container .content .row-2 .date[data-v-86751008] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  color: #76828c;
}
.choose[data-v-86751008] {
  background-color: #f7f7f7;
}
.context-menu-button[data-v-86751008] {
  padding: 10px;
  border: 2px solid #2d8cf0;
  border-radius: 8px;
}

.text[data-v-9294c8e2] {
  font-weight: bold;
}
.title[data-v-9294c8e2] {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}
.survey[data-v-9294c8e2] {
  background-color: #fff;
  color: #000;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.suggestion[data-v-9294c8e2] {
  padding-top: 10px;
  font-size: 14px;
}
.conversation-down .conversation-down-text span[data-v-9294c8e2] {
  display: inline-block;
  padding: 2px 6px;
  border: 1px solid #fff;
  border-radius: 4px;
}
.conversation-down .conversation-down-text span[data-v-9294c8e2]:nth-child(1) {
  margin-right: 6px;
}
.askIMRobot-btn[data-v-9294c8e2] {
  margin-top: 10px;
}
.report-icon[data-v-9294c8e2] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.report-top[data-v-9294c8e2] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 8px 16px 0;
  -ms-flex-align: center;
      align-items: center;
}
.report-course[data-v-9294c8e2] {
  font-size: 12px;
}
.report-unit[data-v-9294c8e2] {
  color: rgba(0,0,0,0.5);
}
.report-time[data-v-9294c8e2] {
  color: rgba(0,0,0,0.3);
}
.report-title[data-v-9294c8e2] {
  color: #333;
  font-size: 16px;
  text-align: center;
  margin: 16px 0;
}
.left-line[data-v-9294c8e2] {
  width: 100px;
  height: 1px;
}
.report-subtitle[data-v-9294c8e2] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.report-content[data-v-9294c8e2] {
  background-color: #f9f9f9;
  margin: 0 16px;
  padding: 20px 0;
  border-radius: 6px;
}
.star-wrap[data-v-9294c8e2] {
  text-align: center;
  margin-bottom: 20px;
}
.report_star[data-v-9294c8e2] {
  width: 28px;
  height: 32px;
  margin-right: 15px;
}
.learning-content[data-v-9294c8e2] {
  display: -ms-flexbox;
  display: flex;
}
.learning-item[data-v-9294c8e2] {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}
.learning-redtxt[data-v-9294c8e2] {
  font-size: 24px;
  color: #ff5353;
}
.learning-smalltxt[data-v-9294c8e2] {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
}
.learning-top[data-v-9294c8e2] {
  margin-bottom: 4px;
}
.thumbs-up[data-v-9294c8e2] {
  width: 28px;
  height: 28px;
  padding-right: 13px;
}
.thumbs-upwrap[data-v-9294c8e2] {
  padding: 2px 20px;
  border: 1px solid rgba(0,0,0,0.06);
  margin: 16px 17px;
  border-radius: 50px;
}
.thumbs-uptxt[data-v-9294c8e2] {
  font-size: 12px;
  color: rgba(0,0,0,0.5);
}
.look-report[data-v-9294c8e2] {
  padding: 16px 16px 10px;
  text-align: center;
  color: #43d186;
  border-top: 1px solid rgba(0,0,0,0.06);
  font-weight: bold;
  cursor: pointer;
}
.left-line[data-v-9294c8e2] {
  width: 100px;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.15));
}
.right-line[data-v-9294c8e2] {
  width: 100px;
  height: 1px;
  background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.15));
}
.report_star[data-v-9294c8e2]:last-child {
  margin-right: 0;
}

[data-v-726a1ff2] .el-input__inner {
  border: none !important;
  border-radius: 10px;
}
[data-v-726a1ff2] .el-button--primary {
  border-radius: 8px;
  background-color: #41cc83;
  border-color: #41cc83;
}
.screen-wrap[data-v-726a1ff2] {
  padding: 0 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.screen-wrap .screen-clear[data-v-726a1ff2] {
  padding: 1px 6px;
  color: #c3c3c3;
  border: 1px solid #c3c3c3;
  border-radius: 30px;
  cursor: pointer;
}
.header-top[data-v-726a1ff2] {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  border-radius: 10px;
  border: 1px solid #dcdfe6;
}
.list-container[data-v-726a1ff2] {
  height: 85vh;
  width: 100%;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.list-container .header-bar[data-v-726a1ff2] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 50px;
  border-bottom: 1px solid #303841;
  padding: 10px 10px 10px 20px;
}
.list-container .scroll-container[data-v-726a1ff2] {
  height: 70vh;
  overflow-y: scroll;
  -ms-flex: 1;
      flex: 1;
}
.bottom-circle-btn[data-v-726a1ff2] {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.refresh[data-v-726a1ff2] {
  bottom: 70px;
}

.geo-element[data-v-60f2ae21] {
  text-decoration: none;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 6px;
  font-size: 18px;
}
.geo-element img[data-v-60f2ae21] {
  margin-top: 12px;
}

.conversation-item-container[data-v-8dd4e5c8] {
  padding: 15px 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
  border-radius: 14px;
}
.conversation-item-container[data-v-8dd4e5c8]:hover {
  background-color: #f7f7f7;
}
.conversation-item-container:hover .close-btn[data-v-8dd4e5c8] {
  right: 3px;
}
.conversation-item-container .close-btn[data-v-8dd4e5c8] {
  position: absolute;
  right: -20px;
  top: 3px;
  color: #76828c;
  transition: all 0.2s ease;
}
.conversation-item-container .close-btn[data-v-8dd4e5c8]:hover {
  color: #f35f5f;
}
.conversation-item-container .warp[data-v-8dd4e5c8] {
  display: -ms-flexbox;
  display: flex;
}
.conversation-item-container .warp .avatar-box[data-v-8dd4e5c8] {
  position: relative;
  width: 54px;
  height: 54px;
  margin-right: 10px;
}
.conversation-item-container .warp .avatar-box .avatar[data-v-8dd4e5c8] {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.conversation-item-container .warp .avatar-box .unread-count[data-v-8dd4e5c8] {
  position: absolute;
  top: -4px;
  left: 40px;
}
.conversation-item-container .warp .avatar-box .unread-count .badge[data-v-8dd4e5c8] {
  display: inline-block;
  width: 20px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  background: #009cff;
  border-radius: 7px;
  color: #fff;
  font-size: 12px;
}
.conversation-item-container .content[data-v-8dd4e5c8] {
  -ms-flex: 1;
      flex: 1;
  height: 54px;
  overflow: hidden;
}
.conversation-item-container .content .row-1[data-v-8dd4e5c8] {
  display: -ms-flexbox;
  display: flex;
  line-height: 21px;
}
.conversation-item-container .content .row-1 .name[data-v-8dd4e5c8] {
  color: #333;
  -ms-flex: 1;
      flex: 1;
  min-width: 0px;
}
.conversation-item-container .content .row-2[data-v-8dd4e5c8] {
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  padding-top: 3px;
}
.conversation-item-container .content .row-2 .summary[data-v-8dd4e5c8] {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  min-width: 0px;
  color: #a5b5c1;
}
.conversation-item-container .content .row-2 .summary .remind[data-v-8dd4e5c8] {
  color: #f35f5f;
}
.conversation-item-container .content .row-2 .date[data-v-8dd4e5c8] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  color: #76828c;
}
.conversation-item-container .content .row-2 .date .el-button[data-v-8dd4e5c8] {
  padding: 5px 20px;
}
.choose[data-v-8dd4e5c8] {
  background-color: #f7f7f7;
}
.context-menu-button[data-v-8dd4e5c8] {
  padding: 10px;
  border: 2px solid #2d8cf0;
  border-radius: 8px;
}

.message-wrapper[data-v-f264ab68] {
  margin: 20px 0;
}
.message-wrapper .content-wrapper[data-v-f264ab68] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.group-layout[data-v-f264ab68],
.c2c-layout[data-v-f264ab68],
.system-layout[data-v-f264ab68] {
  display: -ms-flexbox;
  display: flex;
}
.group-layout .col-1 .avatar[data-v-f264ab68],
.c2c-layout .col-1 .avatar[data-v-f264ab68],
.system-layout .col-1 .avatar[data-v-f264ab68] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
.group-layout .group-member-avatar[data-v-f264ab68],
.c2c-layout .group-member-avatar[data-v-f264ab68],
.system-layout .group-member-avatar[data-v-f264ab68] {
  cursor: pointer;
}
.group-layout .col-2[data-v-f264ab68],
.c2c-layout .col-2[data-v-f264ab68],
.system-layout .col-2[data-v-f264ab68] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.group-layout .col-3[data-v-f264ab68],
.c2c-layout .col-3[data-v-f264ab68],
.system-layout .col-3[data-v-f264ab68] {
  width: 30px;
}
.group-layout.position-left .col-2[data-v-f264ab68],
.c2c-layout.position-left .col-2[data-v-f264ab68],
.system-layout.position-left .col-2[data-v-f264ab68] {
  -ms-flex-align: start;
      align-items: flex-start;
}
.group-layout.position-right[data-v-f264ab68],
.c2c-layout.position-right[data-v-f264ab68],
.system-layout.position-right[data-v-f264ab68] {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.group-layout.position-right .col-2[data-v-f264ab68],
.c2c-layout.position-right .col-2[data-v-f264ab68],
.system-layout.position-right .col-2[data-v-f264ab68] {
  -ms-flex-align: end;
      align-items: flex-end;
}
.group-layout.position-center[data-v-f264ab68],
.c2c-layout.position-center[data-v-f264ab68],
.system-layout.position-center[data-v-f264ab68] {
  -ms-flex-pack: center;
      justify-content: center;
}
.c2c-layout .col-2 .base[data-v-f264ab68] {
  margin-top: 3px;
}
.group-layout .col-2 .chat-bubble[data-v-f264ab68] {
  margin-top: 5px;
}

.conversation-item-container[data-v-4c5cb680] {
  padding: 15px 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  transition: 0.2s;
}
.conversation-item-container[data-v-4c5cb680]:hover {
  background-color: #f0f9ff;
}
.conversation-item-container:hover .close-btn[data-v-4c5cb680] {
  right: 3px;
}
.conversation-item-container .close-btn[data-v-4c5cb680] {
  position: absolute;
  right: -20px;
  top: 3px;
  color: #76828c;
  transition: all 0.2s ease;
}
.conversation-item-container .close-btn[data-v-4c5cb680]:hover {
  color: #f35f5f;
}
.conversation-item-container .warp[data-v-4c5cb680] {
  display: -ms-flexbox;
  display: flex;
}
.conversation-item-container .avatar[data-v-4c5cb680] {
  width: 54px;
  height: 54px;
  margin-right: 10px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.conversation-item-container .content[data-v-4c5cb680] {
  -ms-flex: 1;
      flex: 1;
  height: 54px;
  overflow: hidden;
}
.conversation-item-container .content .row-1[data-v-4c5cb680] {
  display: -ms-flexbox;
  display: flex;
  line-height: 21px;
}
.conversation-item-container .content .row-1 .name[data-v-4c5cb680] {
  color: #333;
  -ms-flex: 1;
      flex: 1;
  min-width: 0px;
}
.conversation-item-container .content .row-1 .unread-count[data-v-4c5cb680] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #76828c;
  font-size: 12px;
}
.conversation-item-container .content .row-1 .unread-count .badge[data-v-4c5cb680] {
  vertical-align: bottom;
  background-color: #f35f5f;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  max-width: 54px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
}
.conversation-item-container .content .row-2[data-v-4c5cb680] {
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  padding-top: 3px;
}
.conversation-item-container .content .row-2 .summary[data-v-4c5cb680] {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  min-width: 0px;
  color: #a5b5c1;
}
.conversation-item-container .content .row-2 .summary .remind[data-v-4c5cb680] {
  color: #f35f5f;
}
.conversation-item-container .content .row-2 .date[data-v-4c5cb680] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  color: #76828c;
}
.conversation-item-container .content .row-2 .date .el-button[data-v-4c5cb680] {
  padding: 5px 20px;
}
.choose[data-v-4c5cb680] {
  background-color: #c8e8fd;
}
.context-menu-button[data-v-4c5cb680] {
  padding: 10px;
  border: 2px solid #2d8cf0;
  border-radius: 8px;
}

.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}
.info-box-left[data-v-559b3125] {
  display: -ms-flexbox;
  display: flex;
}
.info-box-left .info-box-left-img[data-v-559b3125] {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.info-box-left .info-box-left-img img[data-v-559b3125] {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.info-box-left .info-box-left-info .info-box-left-info-name[data-v-559b3125] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.info-box-left .info-box-left-info .info-box-left-info-miaoshu[data-v-559b3125] {
  font-size: 16px;
  color: #999;
}
.info-box-reight[data-v-559b3125] {
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  height: 64px;
}
.info-box-reight >span[data-v-559b3125] {
  margin-right: 10px;
}
.info-box-reght-center-takeOrder[data-v-559b3125] {
  font-size: 16px;
  color: #00cf64;
  margin-left: 12px;
}
.notakeOrders[data-v-559b3125] {
  color: #999;
}

.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\e6da";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-select-dropdown__item,.el-tag{white-space:nowrap;-webkit-box-sizing:border-box}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#C0C4CC;text-align:center}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;box-sizing:border-box}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;transition:transform .3s;transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;top:0;color:#FFF;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;transform:translate(0,.5px)}
[data-v-532602b1] .el-input__inner {
  border: none !important;
  border-radius: 10px;
}
[data-v-532602b1] .el-button--primary {
  border-radius: 8px;
}
.screen-wrap[data-v-532602b1] {
  padding: 0 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.screen-wrap .screen-clear[data-v-532602b1] {
  padding: 1px 6px;
  color: #c3c3c3;
  border: 1px solid #c3c3c3;
  border-radius: 30px;
  cursor: pointer;
}
.header-top[data-v-532602b1] {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  border-radius: 10px;
  border: 1px solid #dcdfe6;
}
.list-container[data-v-532602b1] {
  height: 85vh;
  width: 100%;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.list-container .header-bar[data-v-532602b1] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 50px;
  border-bottom: 1px solid #303841;
  padding: 10px 10px 10px 20px;
}
.list-container .scroll-container[data-v-532602b1] {
  height: 58vh;
  overflow-y: scroll;
  -ms-flex: 1;
      flex: 1;
}
.bottom-circle-btn[data-v-532602b1] {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.refresh[data-v-532602b1] {
  bottom: 70px;
}

.label[data-v-1f3fe569] {
  color: #ccc8c8;
}
.cursor-pointer[data-v-1f3fe569] {
  cursor: pointer;
}

.timezone_grey[data-v-0b292e48] {
  width: 100%;
  height: 100%;
}
.conversation-item-container[data-v-0b292e48] {
  padding: 14px 12px;
  cursor: pointer;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  transition: 0.2s;
}
.conversation-item-container[data-v-0b292e48]:hover {
  background-color: #f0f9ff;
}
.conversation-item-container:hover .close-btn[data-v-0b292e48] {
  right: 3px;
}
.conversation-item-container .close-btn[data-v-0b292e48] {
  position: absolute;
  right: -20px;
  top: 3px;
  color: #76828c;
  transition: all 0.2s ease;
}
.conversation-item-container .close-btn[data-v-0b292e48]:hover {
  color: #f35f5f;
}
.conversation-item-container .warp[data-v-0b292e48] {
  display: -ms-flexbox;
  display: flex;
}
.conversation-item-container .avatar[data-v-0b292e48] {
  width: 54px;
  height: 54px;
  margin-right: 10px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.conversation-item-container .content[data-v-0b292e48] {
  -ms-flex: 1;
      flex: 1;
  height: 40px;
  overflow: hidden;
}
.conversation-item-container .content .row-1[data-v-0b292e48] {
  display: -ms-flexbox;
  display: flex;
  line-height: 21px;
}
.conversation-item-container .content .row-1 .name[data-v-0b292e48] {
  color: #333;
  -ms-flex: 1;
      flex: 1;
  min-width: 0px;
}
.conversation-item-container .content .row-1 .unread-count[data-v-0b292e48] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #76828c;
  font-size: 12px;
}
.conversation-item-container .content .row-1 .unread-count .badge[data-v-0b292e48] {
  vertical-align: bottom;
  background-color: #f35f5f;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  max-width: 40px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
}
.conversation-item-container .content .row-2[data-v-0b292e48] {
  font-size: 12px;
  padding-top: 3px;
}
.conversation-item-container .content .row-2 .summary[data-v-0b292e48] {
  overflow: hidden;
  min-width: 0px;
  color: #a5b5c1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.conversation-item-container .content .row-2 .summary .timezone_greywrap[data-v-0b292e48] {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAD///+ZmZmampqZmZmZmZmZmZmampqZmZmZmZmZmZnh4eH29vb////1I8eyAAAACnRSTlMAAgVRVYql2dzzxtUjwwAAAHVJREFUGNNjYMAHmNwqp6coQDkWq4CgGcIWXQUGgWBOFISzFMRmBjJ2g3gGQI4GkL4L4jQBOV4wzhIgJwvGWQbkVME4y4GcWTDOSnQOWNndu7fBykAGnAVxlkGNXgUzWgPGaYI6ZxXMOSgORfUCiudQvY0dAACrrGo+2QJyhQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100%;
  margin-right: 2px;
}
.conversation-item-container .content .row-2 .summary .timezone_txt[data-v-0b292e48] {
  display: inline-block;
}
.conversation-item-container .content .row-2 .summary .remind[data-v-0b292e48] {
  color: #f35f5f;
}
.conversation-item-container .content .row-2 .date[data-v-0b292e48] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  color: #76828c;
}
.choose[data-v-0b292e48] {
  background-color: #c8e8fd;
}
.context-menu-button[data-v-0b292e48] {
  padding: 10px;
  border: 2px solid #2d8cf0;
  border-radius: 8px;
}

.group-member-list-wrapper .group-setWrap[data-v-64d9b959] {
  padding: 0 20px;
}
.group-member-list-wrapper .group-setWrap .group-chatWrap[data-v-64d9b959] {
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.group-member-list-wrapper .group-setWrap .group-chatWrap .group-txt[data-v-64d9b959] {
  color: #333;
}
.group-member-list-wrapper .group-setWrap .group-setTitle[data-v-64d9b959] {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  padding-bottom: 20px;
}
.group-member-list-wrapper .member-title[data-v-64d9b959] {
  font-weight: bold;
  font-size: 16px;
  color: #333;
  padding: 20px;
}
.group-member-list-wrapper .member-count[data-v-64d9b959] {
  display: inline-block;
  max-width: 130px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  vertical-align: bottom;
  padding-left: 20px;
}
.group-member-list-wrapper .header[data-v-64d9b959] {
  height: 70px;
  padding: 10px 16px 10px 20px;
  border-bottom: 1px solid #e7e7e7;
}
.group-member-list-wrapper .header .member-detail[data-v-64d9b959] {
  font-size: 16px;
  color: #333;
  padding-top: 15px;
  display: inline-block;
}
.group-member-list-wrapper .header .btn-add-member[data-v-64d9b959] {
  width: 30px;
  height: 30px;
  font-size: 28px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  float: right;
}
.group-member-list-wrapper .header .btn-add-member[data-v-64d9b959]:hover {
  color: #5cadff;
}
.group-member-list-wrapper .scroll-content[data-v-64d9b959] {
  max-height: 280px;
  overflow-y: scroll;
  padding: 10px 15px 10px 15px;
  width: 100%;
}
.group-member-list-wrapper .scroll-content .group-member-list[data-v-64d9b959] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.group-member-list-wrapper .scroll-content .group-member[data-v-64d9b959] {
  width: 130px;
  height: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  color: #000;
  margin: 0 20px 10px 0;
  padding: 10px 0 0 0;
  text-align: left;
}
.group-member-list-wrapper .scroll-content .group-member .member-nameWrap[data-v-64d9b959] {
  margin-left: 5px;
}
.group-member-list-wrapper .scroll-content .group-member .member-name[data-v-64d9b959] {
  font-size: 13px;
  width: 80px;
}
.group-member-list-wrapper .scroll-content .group-member .member-role[data-v-64d9b959] {
  color: #999;
}
.group-member-list-wrapper .scroll-content .group-member .avatar[data-v-64d9b959] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.group-member-list-wrapper .more[data-v-64d9b959] {
  padding: 0 20px;
}

[data-v-0470e0e7] .el-input__inner {
  border: none !important;
  border-radius: 10px;
}
[data-v-0470e0e7] .el-button--primary {
  border-radius: 8px;
}
.screen-wrap[data-v-0470e0e7] {
  padding: 0 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.screen-wrap .screen-clear[data-v-0470e0e7] {
  padding: 1px 6px;
  color: #c3c3c3;
  border: 1px solid #c3c3c3;
  border-radius: 30px;
  cursor: pointer;
}
.header-top[data-v-0470e0e7] {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  border-radius: 10px;
  border: 1px solid #dcdfe6;
}
.list-container[data-v-0470e0e7] {
  height: 85vh;
  width: 100%;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.list-container .header-bar[data-v-0470e0e7] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 50px;
  border-bottom: 1px solid #303841;
  padding: 10px 10px 10px 20px;
}
.list-container .scroll-container[data-v-0470e0e7] {
  height: 70vh;
  overflow-y: scroll;
  -ms-flex: 1;
      flex: 1;
}
.bottom-circle-btn[data-v-0470e0e7] {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.refresh[data-v-0470e0e7] {
  bottom: 70px;
}

.group-info-content {
  padding: 10px 10px;
}
.group-info-content .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.info-item {
  margin-bottom: 12px;
}
.info-item .label {
  font-size: 14px;
  color: #a5b5c1;
}
.info-item .active {
  color: #000;
}
.info-item .content {
  color: #f7f7f7;
  word-wrap: break-word;
  word-break: break-all;
}
.info-item .long-content {
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
.cursor-pointer {
  cursor: pointer;
}
/* 设置滚动条的样式 */

.default {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  overflow-y: scroll;
}

.profile-user[data-v-19274361] {
  width: 100%;
  text-align: center;
  padding: 0 20px;
}
.profile-user .avatar[data-v-19274361] {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: 30px auto;
}
.profile-user .nick-name[data-v-19274361] {
  width: 100%;
  color: #1c2438;
  font-size: 20px;
  font-weight: bold;
  text-shadow: #76828c 0 0 0.1em;
}
.profile-user .nick-name .anonymous[data-v-19274361] {
  color: #a5b5c1;
  text-shadow: none;
}
.profile-user .gender[data-v-19274361] {
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #e7e7e7;
}
.profile-user .btn-add-blacklist[data-v-19274361] {
  color: #f35f5f;
}

.item[data-v-b0dcccc0] {
  padding-left: 20px;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blacklist-item-wrapper[data-v-b0dcccc0] {
  padding-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.avatar[data-v-b0dcccc0] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.conversation-profile-wrapper[data-v-78435360] {
  background-color: #fff;
  height: 100%;
  overflow-y: scroll;
}
/* 设置滚动条的样式 */

.blacklist-wrapper[data-v-dee88960] {
  padding: 12px;
  overflow-y: scroll;
}
.default[data-v-dee88960] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.el-divider{background-color:#DCDFE6;position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#FFF;padding:0 20px;font-weight:500;color:#303133;font-size:14px}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}
.timezone_grey[data-v-ffa10554] {
  width: 100%;
  height: 100%;
}
.conversation-item-container[data-v-ffa10554] {
  margin-bottom: 10px;
  padding: 12px;
  width: 280px;
  height: 64px;
  cursor: pointer;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.2s;
}
.conversation-item-container[data-v-ffa10554]:hover {
  background-color: #f7f7f7;
}
.conversation-item-container:hover .close-btn[data-v-ffa10554] {
  right: 3px;
}
.conversation-item-container .close-btn[data-v-ffa10554] {
  position: absolute;
  right: -20px;
  top: 3px;
  color: #76828c;
  transition: all 0.2s ease;
}
.conversation-item-container .close-btn[data-v-ffa10554]:hover {
  color: #f35f5f;
}
.conversation-item-container .warp[data-v-ffa10554] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.conversation-item-container .avatar[data-v-ffa10554] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.conversation-item-container .content[data-v-ffa10554] {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}
.conversation-item-container .content .row-1[data-v-ffa10554] {
  display: -ms-flexbox;
  display: flex;
  line-height: 21px;
}
.conversation-item-container .content .row-1 .name[data-v-ffa10554] {
  color: #333;
  -ms-flex: 1;
      flex: 1;
  min-width: 0px;
}
.conversation-item-container .content .row-1 .unread-count[data-v-ffa10554] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #76828c;
  font-size: 12px;
}
.conversation-item-container .content .row-1 .unread-count .badge[data-v-ffa10554] {
  vertical-align: bottom;
  background-color: #f35f5f;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  max-width: 40px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
}
.conversation-item-container .content .row-2[data-v-ffa10554] {
  font-size: 12px;
  padding-top: 3px;
}
.conversation-item-container .content .row-2 .summary[data-v-ffa10554] {
  overflow: hidden;
  min-width: 0px;
  color: #a5b5c1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.conversation-item-container .content .row-2 .summary .timezone_greywrap[data-v-ffa10554] {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAD///+ZmZmampqZmZmZmZmZmZmampqZmZmZmZmZmZnh4eH29vb////1I8eyAAAACnRSTlMAAgVRVYql2dzzxtUjwwAAAHVJREFUGNNjYMAHmNwqp6coQDkWq4CgGcIWXQUGgWBOFISzFMRmBjJ2g3gGQI4GkL4L4jQBOV4wzhIgJwvGWQbkVME4y4GcWTDOSnQOWNndu7fBykAGnAVxlkGNXgUzWgPGaYI6ZxXMOSgORfUCiudQvY0dAACrrGo+2QJyhQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100%;
  margin-right: 2px;
}
.conversation-item-container .content .row-2 .summary .timezone_txt[data-v-ffa10554] {
  display: inline-block;
}
.conversation-item-container .content .row-2 .summary .remind[data-v-ffa10554] {
  color: #f35f5f;
}
.conversation-item-container .content .row-2 .date[data-v-ffa10554] {
  padding-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  color: #76828c;
}
.choose[data-v-ffa10554] {
  background-color: #f7f7f7;
}
.context-menu-button[data-v-ffa10554] {
  padding: 10px;
  border: 2px solid #2d8cf0;
  border-radius: 8px;
}
.student-flag[data-v-ffa10554] {
  border-radius: 12px;
  border: 1px solid #333;
  padding: 1px 6px;
  display: inline-block;
  margin-right: 5px;
}
.student-flag1[data-v-ffa10554] {
  border: 1px solid #009cff;
  color: #009cff;
}
.student-flag2[data-v-ffa10554] {
  border: 1px solid #ffbf00;
  color: #ffbf00;
}

.member-profile-card-wrapper[data-v-cfe89348] {
  max-width: 300px;
  padding: 24px;
  background: #fff;
  border-radius: 5px;
  position: fixed;
  box-shadow: 0 0 10px #808080;
}
.member-profile-card-wrapper .profile[data-v-cfe89348] {
  display: -ms-flexbox;
  display: flex;
}
.member-profile-card-wrapper .profile .avatar[data-v-cfe89348] {
  width: 60px;
  height: 60px;
  margin-right: 12px;
}
.member-profile-card-wrapper .profile .basic[data-v-cfe89348] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
}
.member-profile-card-wrapper .divider[data-v-cfe89348] {
  margin: 12px 0;
}
.member-profile-card-wrapper .member-profile[data-v-cfe89348] {
  margin-bottom: 12px;
}
.member-profile-card-wrapper .member-profile .item[data-v-cfe89348] {
  font-size: 15px;
}
.member-profile-card-wrapper .member-profile .item .label[data-v-cfe89348] {
  display: inline-block;
  width: 4em;
  text-align: justify;
  text-align-last: justify;
  color: #808080;
}
.member-profile-card-wrapper .send-message-btn[data-v-cfe89348] {
  float: right;
}

.el-button--primary[data-v-c0a7fad0] {
  margin: 1px;
}
.studenlist-wrap[data-v-c0a7fad0] {
  display: -ms-flexbox;
  display: flex;
  margin-top: 23px;
}
.studenlist-wrap[data-v-c0a7fad0]::before {
  content: '';
  display: block;
  float: left;
  margin: 4px 12px 0 0;
  width: 3px;
  height: 16px;
  background: #43d186;
  border-radius: 0px 2px 2px 0px;
}
[data-v-c0a7fad0] .el-input__inner {
  border: none !important;
  height: 32px;
  line-height: 32px;
  padding-right: 10px;
  border-radius: 10px;
  font-size: 13px;
}
[data-v-c0a7fad0] .el-button--primary {
  border-radius: 8px;
  background-color: #41cc83;
  border-color: #41cc83;
}
.screen-wrap[data-v-c0a7fad0] {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.screen-wrap .screen-clear[data-v-c0a7fad0] {
  padding: 1px 6px;
  color: #c3c3c3;
  border: 1px solid #c3c3c3;
  border-radius: 30px;
  cursor: pointer;
}
.header-top[data-v-c0a7fad0] {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0;
}
.header-search[data-v-c0a7fad0] {
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #dcdfe6;
}
.list-container[data-v-c0a7fad0] {
  height: 88vh;
  width: 100%;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.list-container .header-bar[data-v-c0a7fad0] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 50px;
  border-bottom: 1px solid #303841;
  padding: 10px 10px 10px 20px;
}
.list-container .scroll-container[data-v-c0a7fad0] {
  margin-top: 10px;
  height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-flex: 1;
      flex: 1;
}
.bottom-circle-btn[data-v-c0a7fad0] {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.refresh[data-v-c0a7fad0] {
  bottom: 70px;
}
.filter-btn[data-v-c0a7fad0] {
  width: 20px;
  height: 20px;
  padding-right: 3px;
}
.filter-wrap[data-v-c0a7fad0] {
  width: 68px;
  height: 36px;
  font-size: 13px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 10px;
  border: 1px solid #dcdfe6;
  margin-right: 10px;
  cursor: pointer;
}
.header-btn[data-v-c0a7fad0] {
  width: 56px;
  color: #fff;
  background: #43d186;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
}
[data-v-c0a7fad0] .el-input__suffix {
  top: -4px;
}
.sel-item[data-v-c0a7fad0] {
  margin-top: 10px;
}
.sel-btn[data-v-c0a7fad0] {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 5px;
  cursor: pointer;
}
.reset-btn[data-v-c0a7fad0] {
  border: 1px solid #dcdfe6;
  margin-right: 15px;
}
.filter-selbtn[data-v-c0a7fad0] {
  background-color: #43d186;
  border: 1px solid #43d186;
  color: #fff;
}
.greenColor[data-v-c0a7fad0] {
  color: #43d186;
}
.grayColor[data-v-c0a7fad0] {
  color: #333;
}

.nochat-txt[data-v-a81f9770] {
  color: #333;
  font-size: 16px;
  text-align: center;
  margin-top: 30px;
}
.nochat-txt1[data-v-a81f9770] {
  color: #333;
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}
.no-chatImg[data-v-a81f9770] {
  width: 464px;
  height: 233px;
}
.no-chatWrap[data-v-a81f9770] {
  width: 464px;
  margin: 22vh auto 0;
}
/* 当前会话的骨架屏 */
.current-conversation-wrapper[data-v-a81f9770] {
  height: 85vh;
  background-color: #fbfcfe;
  color: #1c2438;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px;
}
.current-conversation-wrapper .current-conversation[data-v-a81f9770] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  height: 85vh;
}
.current-conversation-wrapper .profile[data-v-a81f9770] {
  background-color: #fff;
  height: 85vh;
  overflow-y: scroll;
  width: 350px;
  border-left: 1px solid #e7e7e7;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
  border-radius: 16px;
}
.current-conversation-wrapper .more[data-v-a81f9770] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 12px;
}
.current-conversation-wrapper .no-more[data-v-a81f9770] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  color: #a5b5c1;
  font-size: 12px;
  padding: 10px 10px;
}
.header[data-v-a81f9770] {
  border-bottom: 1px solid #e7e7e7;
  height: 70px;
  position: relative;
}
.header .people-count[data-v-a81f9770] {
  padding: 6px 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.header .people-count .people-icon[data-v-a81f9770] {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACOUlEQVRIS73WPYhTQRAH8JkLQSVWRq2MlRaxMPfejMUJHmhho8hZ2flRiZ0Wpwdid8WphZbaBTsrP9DGQuEEr3D3PSNoCq3MVZ6xMngS8v7y5IQYk+wmL9xrd3Z+Mws7+5g2+eNN9mgksFar7Wm322eY+UBaKICP+Xz+YaVSWfUt3AsEwHEcXwRwG8D27uTM/IOZ54MguM/McMFeoLV2EcB1R7JFVb2RGYzj+FCn01khopwjWSeXy80EQfB2WJyzQ2PMIyKac1W+sf5YVU9nAq21XwHs8gGZeU1EdmcF1wFs8QR/icjWrOAnAPs8wc8isj8reAfAZU/wrohcyQTW6/Viq9WKiajkQFcLhcJ0uVxuZgLTzcaYo0T00gEeU9VXrpNwXgtr7REiugfgzzgb8n1g5ksi8nrsDo0xS8x8NR1trsrT9XS0AbilqguD4gcmiqLoWpIkSz5Qb8zU1NRCGIY3++3tC0ZRdCpJkifjYH87Zea5MAyf9uboC1pr3wGojAtuoDURmXaCxpgTRPQsC9a196SqPu/O9V+HxpgqEZ2bBMjMVRG5MBS01r4BMDMhcEVEDrs6/EZExUmARNRU1Z0u8IvHGPOtp6Gqe4eCURSdBVD1vewDLzgzmPl8GIYPhoLpojHmODOnP0wHfVv5JynzewDzqvrCeS26A4wxITPPEtEsACWi9OXvfWDXiWiNmQ0RLQNYVtVo5NE2aEOj0djWbDZ3pOvFYvF7qVT6OcopeA3lURK6Yn8Dj6LZHVCYoN0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.header .people-count .people-num[data-v-a81f9770] {
  display: inline-block;
  color: #999;
  font-size: 14px;
  margin-left: 4px;
}
.header .name[data-v-a81f9770] {
  padding: 12px 20px 0;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.header .btn-more-info[data-v-a81f9770] {
  position: absolute;
  top: 25px;
  right: -330px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAD1BMVEUAAAD///9nZ2dmZmZmZmYj6JxZAAAABHRSTlMAAUqdNnlE2wAAAGpJREFUKM9jYBhCQEgRk8Wg4iwAYTCaOCEEXQwhDGEXhKCwC0QpowlMFokDk0RWiqIQxkVVCOGjKYQoRVcIVoquEKwUQyFIKYZC7IJYtWOzCKuTsDkeqzexBQjWoMMayFijA2vEYY3iIQAAqzcbO23mF2cAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.header .btn-more-info.left-arrow[data-v-a81f9770] {
  right: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGFBMVEUAAACAgIBnZ2dmZmZnZ2dmZmZmZmZmZmZ0uJ0oAAAAB3RSTlMABoi0teb3eNMk9QAAADJJREFUKM9jYBgYIBSqiCmoXl4EYbiXI4MyPIJYtRO0iGFQ+hqbN0uwCRYPLV+PhHgHAFobMjzrCGNMAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
}
.header .header-conversation-down[data-v-a81f9770] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 20px;
  right: 57px;
  width: 90px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  color: #18a4ff;
  text-align: center;
}
.header .header-conversation-down .header-conversation-down-cion[data-v-a81f9770] {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #009cff;
  box-shadow: 0px 0px 2px 0px rgba(0,156,255,0.8);
}
.header .header-conversation-down .header-conversation-down-cion[data-v-a81f9770]::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 2px;
}
.header .header-conversation-down-display[data-v-a81f9770] {
  cursor: not-allowed;
}
.content[data-v-a81f9770] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.content .message-list[data-v-a81f9770] {
  width: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
  padding: 0 20px;
}
.content .newMessageTips[data-v-a81f9770] {
  position: absolute;
  cursor: pointer;
  padding: 5px;
  width: 120px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 5px;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  border: #e9eaec 1px solid;
  background-color: #fff;
  color: #2d8cf0;
}
.footer[data-v-a81f9770] {
  border-top: 1px solid #e7e7e7;
}
.show-more[data-v-a81f9770] {
  text-align: right;
  padding: 10px 20px 0 0;
}

.side-bar-wrapper[data-v-6af6c0f2] {
  height: 100%;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.side-bar-wrapper .bar-left[data-v-6af6c0f2] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 80px;
  height: 85vh;
  background-color: #303841;
}
.side-bar-wrapper .bar-left .tab-items[data-v-6af6c0f2] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.side-bar-wrapper .bar-left .tab-items .iconfont[data-v-6af6c0f2] {
  position: relative;
  margin: 0;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  color: #a5b5c1;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-user-select: none;
}
.side-bar-wrapper .bar-left .tab-items .active[data-v-6af6c0f2] {
  color: #fff;
  background-color: #fff;
}
.side-bar-wrapper .bar-left .tab-items .active[data-v-6af6c0f2]::after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  z-index: 0;
  height: 70px;
  border-left: 4px solid #5cadff;
}
.side-bar-wrapper .bar-left .tab-items .unread[data-v-6af6c0f2] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  border-radius: 10px;
  background-color: #f35f5f;
}
.side-bar-wrapper .bar-left .bottom[data-v-6af6c0f2] {
  height: 70px;
}
.side-bar-wrapper .bar-left .bottom>span[data-v-6af6c0f2] {
  display: block;
}
.side-bar-wrapper .bar-left .bottom .btn-more[data-v-6af6c0f2] {
  width: 100%;
  height: 70px;
  line-height: 70px;
  font-size: 30px;
  color: #a5b5c1;
  text-align: center;
  cursor: pointer;
}
.side-bar-wrapper .bar-left .bottom .iconfont[data-v-6af6c0f2] {
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  color: #a5b5c1;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-user-select: none;
}
.side-bar-wrapper .bar-left .bottom .iconfont[data-v-6af6c0f2]:hover {
  color: #fff;
}
.side-bar-wrapper .bar-left .btn-more[data-v-6af6c0f2]:hover {
  color: #fff;
}
.side-bar-wrapper .bar-right[data-v-6af6c0f2] {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 85vh;
  position: relative;
  background-color: #fff;
}
.side-bar-wrapper .group-live[data-v-6af6c0f2] {
  position: relative;
  top: 10px;
  left: 25px;
  width: 30px;
  height: 30px;
  background: url(../img/live-icon-gray.6bff0ed9.png) center no-repeat;
  background-size: cover;
  cursor: pointer;
}


.image-previewer-wrapper[data-v-13b670a0] {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  background: rgba(14, 12, 12, 0.7);
  z-index: 2000;
  cursor: zoom-out;
}
.close-button[data-v-13b670a0] {
  cursor: pointer;
  font-size: 28px;
  color: #000;
  position: fixed;
  top: 50px;
  right: 50px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  padding: 6px;
}
.image-wrapper[data-v-13b670a0] {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.image-preview[data-v-13b670a0] {
  transition: transform 0.1s ease 0s;
}
.actions-bar[data-v-13b670a0] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  position: fixed;
  bottom: 50px;
  left: 50%;
  margin-left: -100px;
  padding: 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.8);
}
.actions-bar i[data-v-13b670a0] {
  font-size: 24px;
  cursor: pointer;
  margin: 0 6px;
}
.prev-button[data-v-13b670a0],
.next-button[data-v-13b670a0] {
  position: fixed;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  font-size: 24px;
  padding: 12px;
}
.prev-button[data-v-13b670a0] {
  left: 0;
  top: 50%;
}
.next-button[data-v-13b670a0] {
  right: 0;
  top: 50%;
}
.image-counter[data-v-13b670a0] {
  background: rgba(20, 18, 20, 0.53);
  padding: 3px;
  border-radius: 3px;
  color: #fff;
}

.header-container[data-v-206b31af] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 99;
  padding: 10px 10px 10px 20px;
}
.header-container .anchor-info[data-v-206b31af] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  height: 50px;
  background: rgba(255,255,255,0.1);
  border-radius: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.header-container .anchor-info .anchor-avatar[data-v-206b31af] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 5px;
}
.header-container .anchor-info .anchor-other[data-v-206b31af] {
  height: 100%;
  -ms-flex: 1;
      flex: 1;
}
.header-container .anchor-info .anchor-other p[data-v-206b31af] {
  margin: 0;
}
.header-container .anchor-info .anchor-other .anchor-nick[data-v-206b31af] {
  max-width: 140px;
  margin: 6px 0 0 0;
  color: #fff;
  font-weight: 500;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-container .anchor-info .anchor-other .online-num[data-v-206b31af] {
  font-size: 14px;
  font-weight: 400;
  color: rgba(210,203,203,0.678);
}
.header-container .online-info[data-v-206b31af] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.header-container .online-info .room-name[data-v-206b31af] {
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0 0 0 10px;
}
.header-container .online-info .living-icon[data-v-206b31af] {
  position: relative;
  top: -3px;
  margin: 0 5px;
  width: 25px;
}
.header-container .online-info span[data-v-206b31af] {
  margin: 2px 0 0 0;
}
.header-container .close-box[data-v-206b31af] {
  position: absolute;
  right: 0;
  top: 0px;
  width: 70px;
  height: 70px;
  color: #959798;
  font-size: 36px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

[data-v-286bbf69]::-webkit-input-placeholder {
  color: #fff;
}
[data-v-286bbf69]::-moz-input-placeholder {
  color: #fff;
}
[data-v-286bbf69]::-ms-input-placeholder {
  color: #fff;
}
.cursor[data-v-286bbf69] {
  cursor: pointer;
}
.active[data-v-286bbf69] {
  color: #2d8cf0;
}
.pusher[data-v-286bbf69] {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-direction: column;
      flex-direction: column;
}
.pusher .video-container[data-v-286bbf69] {
  position: relative;
  height: calc(100% - 125px);
}
.pusher .video-container .stop-camera[data-v-286bbf69] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.pusher .header-bar[data-v-286bbf69] {
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #363e47;
  padding: 10px 10px 10px 20px;
}
.pusher .header-bar .input-name-box[data-v-286bbf69] {
  position: absolute;
  left: 0;
  top: 0px;
  width: calc(100% - 100px);
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  z-index: 99;
  padding: 10px 20px;
}
.pusher .header-bar .input-name-box .avatar[data-v-286bbf69] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0px 10px 0px 0px;
}
.pusher .header-bar .input-name-box .room-name[data-v-286bbf69] {
  border: hidden;
  outline-style: none;
  height: 40px;
  width: 60%;
  font-size: 20px;
  color: #fff;
  background: rgba(255,255,255,0);
  border-bottom: 1px solid #fff;
}
.pusher .setting-bar[data-v-286bbf69] {
  position: relative;
  width: 100%;
  height: 55px;
  background-color: #363e47;
}
.pusher .setting-bar .pusher-start[data-v-286bbf69] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 210px;
  height: 55px;
  background: #5cadff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.pusher .setting-bar .pusher-mic[data-v-286bbf69] {
  position: absolute;
  right: 220px;
  bottom: 0;
/*width 210px*/
  height: 55px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 10px;
}
.pusher .setting-bar .play-text[data-v-286bbf69] {
  font-size: 16px;
  color: #fff;
  margin-left: 5px;
}
.pusher .setting-bar .pusher-icon[data-v-286bbf69] {
  width: 14px;
  height: 14px;
}
.pusher .setting-bar .mic-text[data-v-286bbf69] {
  font-size: 14px;
  color: #8a9099;
  margin-left: 5px;
}

.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#C0C4CC;text-align:center}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#F5F7FA;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#409EFF}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#409EFF}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #DCDFE6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #DCDFE6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#E4E7ED;color:#E4E7ED}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#E4E7ED;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #DCDFE6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #DCDFE6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}.el-slider::after,.el-slider::before{display:table;content:""}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{vertical-align:middle;display:inline-block}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#E4E7ED;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button{border-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{transform:scale(1);cursor:not-allowed}.el-slider__button-wrapper,.el-slider__stop{-webkit-transform:translateX(-50%);position:absolute}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:6px;background-color:#409EFF;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;z-index:1001;top:-15px;transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.el-slider__button-wrapper::after{content:"";height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #409EFF;background-color:#FFF;border-radius:50%;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{height:6px;width:6px;border-radius:100%;background-color:#FFF;transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;transform:translateX(-50%);font-size:14px;color:#909399;margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #DCDFE6;line-height:20px;box-sizing:border-box;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#C0C4CC}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#409EFF}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}
.vcp-controls-panel {
  display: none;
}
.el-slider__bar {
  background: #5cadff !important;
}
.el-slider__button {
  border: hidden;
}

.cursor[data-v-2778a003] {
  cursor: pointer;
}
.active[data-v-2778a003] {
  color: #2d8cf0;
}
.setting-icon[data-v-2778a003] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  margin: 0 10px;
}
.player[data-v-2778a003] {
  position: relative;
  width: 99.9%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.player .video-container[data-v-2778a003] {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
  background: rgba(0,0,0,0.3);
}
.player .video-container .stop-camera[data-v-2778a003] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.player .header-bar[data-v-2778a003] {
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #363e47;
  padding: 10px 10px 10px 20px;
}
.player .setting-bar[data-v-2778a003] {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 55px;
  background-color: #363e47;
}
.player .setting-bar .player-time[data-v-2778a003] {
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 100%;
  line-height: 60px;
  font-size: 14px;
  color: #d2dae6;
  letter-spacing: 0;
}
.player .setting-bar .player-start[data-v-2778a003] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 210px;
  height: 55px;
  background: #5cadff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.player .setting-bar .player-mic[data-v-2778a003] {
  position: absolute;
  right: 260px;
  bottom: 0;
/*width 210px*/
  height: 55px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 10px;
}
.player .setting-bar .play-text[data-v-2778a003] {
  font-size: 16px;
  color: #fff;
  margin-left: 5px;
}
.player .setting-bar .player-icon[data-v-2778a003] {
  width: 14px;
  height: 14px;
}
.player .setting-bar .mic-text[data-v-2778a003] {
  font-size: 14px;
  color: #8a9099;
  margin-left: 5px;
}
.player .volume-box[data-v-2778a003] {
  position: absolute;
  right: 220px;
  bottom: 8px;
}
.player .volume-box .progress-box[data-v-2778a003] {
  padding: 4px 0;
  position: absolute;
  bottom: 35px;
  right: 32px;
}
.player[data-v-2778a003] .vcp-player video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.player[data-v-2778a003] .vcp-player {
  width: 100% !important;
  height: 100% !important;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: rgba(0,0,0,0);
}
.player[data-v-2778a003] .vcp-bigplay {
  display: none;
}
.player[data-v-2778a003] .vcp-error-tips {
  color: #fff;
  margin-top: -8.25em;
}

.el-carousel__item,.el-carousel__mask{position:absolute;height:100%;top:0;left:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%;transition:transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#FFF;opacity:.24;transition:.2s}
.el-carousel{position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#FFF;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:2}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#C0C4CC;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:12px 4px}.el-carousel__indicator--vertical{padding:4px 12px}.el-carousel__indicator--vertical .el-carousel__button{width:2px;height:15px}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#FFF;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:.3s}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}
.chat-footer-container[data-v-ac602d5c] {
  position: relative;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border-top: 1px solid #e6e6e6;
}
.chat-footer-container .gift-title[data-v-ac602d5c] {
  margin: 10px 0 0 0;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 400;
  color: #888585;
  border-bottom: 1px solid #e6e6e6;
}


.el-carousel {
  height: 60px;
}
.el-carousel .el-carousel__container {
  height: 100%;
}
.el-carousel__arrow {
  top: 40%!important
}
.el-carousel__item {
  padding: 0px 30px 0 45px;
  box-sizing: 'border-box'
}
.el-carousel__item div {
  float: left;
  margin: 0 15px;
  width: 65px;
  height: 40px;
  cursor: pointer;
}
.el-carousel__item div img {
  width: 30px;
  height: 30px;
  margin: 0 0 0 15px;
}
.el-carousel__item div p {
  position: relative;
  top: -8px;
  margin: 0;
  text-align: center;
  color: #888585;
  font-size: 12px;
}

[data-v-6646810c]::-webkit-textarea-placeholder {
  color: #a5b5c1;
}
[data-v-6646810c]::-moz-textarea-placeholder {
  color: #a5b5c1;
}
[data-v-6646810c]::-ms-textarea-placeholder {
  color: #a5b5c1;
}
.comment-wrapper[data-v-6646810c] {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.message-list[data-v-6646810c] {
  position: relative;
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
  margin-bottom: 5px;
  -ms-flex: 1;
      flex: 1;
}
.message-list .msg-item-join[data-v-6646810c] {
  margin: 0 30px 20px 30px;
  padding: 4px 15px;
  border-radius: 3px;
  color: #a5b5c1;
  font-size: 12px;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-list .msg-item-text[data-v-6646810c] {
  width: 100%;
  min-height: 60px;
}
.message-list .msg-item-text .avatar[data-v-6646810c] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.message-list .msg-item-text .nick[data-v-6646810c] {
  position: relative;
  top: -24px;
  left: 8px;
  color: #a5b5c1;
  font-size: 14px;
  margin: 0;
  max-width: 150px !important;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-list .msg-item-text .msg[data-v-6646810c] {
  position: relative;
  top: -25px;
  left: 60px;
  word-break: break-all;
  color: #fff;
  margin: 0;
  max-width: 230px;
}
.message-list .msg-item-text .msg .msg-text[data-v-6646810c] {
  display: inline-block;
  height: 100%;
  background-color: #5cadff;
  border-radius: 0 4px 4px 4px;
  padding: 10px;
  font-size: 14px;
}
.message-list .msg-item-text .msg[data-v-6646810c]::before {
  position: absolute;
  top: 0;
  width: 12px;
  height: 40px;
  content: "\E900";
  font-family: 'tim' !important;
  font-size: 24px;
  transform: scaleX(-1);
  left: -10px;
  color: #5cadff;
}
.message-list .msg-item-gift[data-v-6646810c] {
  position: relative;
  width: 60%;
  min-width: 290px;
  height: 60px;
  background: #5cadff;
  border-radius: 30px;
  margin: 0 0 20px 0;
}
.message-list .msg-item-gift .avatar[data-v-6646810c] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin: 8px;
}
.message-list .msg-item-gift .nick[data-v-6646810c] {
  position: relative;
  top: -32px;
  left: 0px;
  color: #fff;
  margin: 0;
  font-size: 14px;
  max-width: 150px !important;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-list .msg-item-gift .msg[data-v-6646810c] {
  position: relative;
  top: -35px;
  left: -5px;
  padding: 0 0 0 65px;
  word-break: break-all;
  color: #fff;
  margin: 0;
  font-size: 14px;
}
.message-list .msg-item-gift .gift-pic[data-v-6646810c] {
  position: absolute;
  top: -15px;
  right: -18px;
  width: 75px;
  height: 75px;
}
.send-container[data-v-6646810c] {
  position: relative;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  border-top: 1px solid #e6e6e6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}
.send-container .comment-message[data-v-6646810c] {
  -ms-flex: 1;
      flex: 1;
  margin: 0;
  border-radius: 0;
  border: hidden;
  outline-style: none;
  padding: 10px;
  font-size: 16px;
  color: #000;
  resize: none;
}
.send-container .btn-send[data-v-6646810c] {
  position: absolute;
  color: #2d8cf0;
  font-size: 30px;
  right: 0px;
  bottom: 0px;
  padding: 6px 6px 4px 4px;
  cursor: pointer;
}

.group-live-mask[data-v-afffc4b0] {
  position: absolute;
  top: 8vh;
  width: 80vw;
  height: 85vh;
  max-width: 1280px;
  background: #fff;
  z-index: 999;
}
.live-container[data-v-afffc4b0] {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}
.live-container .video-wrap[data-v-afffc4b0] {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  min-width: 500px;
  height: 100%;
  background: url(../img/video-bg.005bcdf6.png) center no-repeat;
}
.live-container .chat-wrap[data-v-afffc4b0] {
  width: 375px;
  height: 100%;
  background: #f5f5f5;
}

.call-container[data-v-33a210de] {
  background: center url("data:image/png;base64,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");
  background-size: cover;
  position: absolute;
  z-index: 999;
}
.accept[data-v-33a210de],
.refuse[data-v-33a210de],
.videoOn[data-v-33a210de],
.videoOff[data-v-33a210de],
.micOn[data-v-33a210de],
.micOff[data-v-33a210de] {
  height: 50px;
  width: 50px;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
}
.accept[data-v-33a210de] {
  background: center no-repeat url(data:image/png;base64,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);
  background-size: 60%;
  background-color: #0ac160;
}
.refuse[data-v-33a210de] {
  background: center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACzElEQVR4Xu2YgXHTQBBF/68AqIBQAaEDqACoAKgAOiCpgNBBUgFOBUkqIFQAVECoYJkv7hxJseyLtTI+tDvjcTyRVrtv/96tjpi5ceb5IwCEAmZOIFpg5gKIRTBaIFpg5gSiBWYugNgFogWiBWZOIFpgagGY2QGApwAOW8962Putf/1In3yZfn8jeT1ljK4KMDMlmZPV38+dgr8EIBCCcuUJZTSAlPQbAK8AqNq7MIFYALgkeT7mgVsB+EdJD+V5k2AstoFxLwBm9hLAB0dpjyneqnuljCOSZ6WOiwCYmSR+tEOJl8Y/dF0DAsA5SSlk0NYCqDDxfqJK/oTk8RCBlQBSj3+pqOKbFCNFvCOp3aRjdwCY2VsAnwBor/7fTBBO20l1AKTKX+w4+Z8AHu+Q9Iu2EvoAvjvK/nfanvKEp+/rTYuSQKRCSIEapPStGcMLktaFJzmOJQAz06r50akSquphSbKlzzMzDT7ahj3smKTyvT0QMTPP6i8f4BFtUoXUoPb0sBuSj5YAkuS+enhOPj6T1MDkZmbmCUBxNWtB0wLO8pdL9fozt+z/xngC4L2jz0alUwEAyaIpszQh5xbVY6cFkFZarfwuZmbm4ujWybQAJlCA5y5wRwHaZzX6epi2QL2RdSYuD8dmpjg1qXpsh69JLvIaoGHj18ggdTBxKqcj/Wy8PR2zCYQ+Ww1IWaHtQUgV02tvqeVJTwcRkyc9FFTaHgVC6nhQGPwZSd3TGYR0nKVztyEnSjifzSnpSQ8rCxNZXmZmeWQWiHUtojw0pTYLdP9doL0WXKVDyCbpfUt4HaAeDA1Q7aI2vZ/vX/U6fJDp3LcK+3p96+VKI3BHua7Dyr4CWBdXAKixap4xhwI8adboKxRQY9U8Yw4FeNKs0VcooMaqecYcCvCkWaOvUECNVfOMORTgSbNGX6GAGqvmGXMowJNmjb5mr4A/76vcQcWI/HIAAAAASUVORK5CYII=);
  background-size: 70%;
  background-color: #f35f5f;
}
.videoOn[data-v-33a210de] {
  background: center no-repeat url(data:image/png;base64,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);
}
.videoOff[data-v-33a210de] {
  background: center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAAXNSR0IArs4c6QAACohJREFUeAHdmjuMFskRx+dbltcuT/F+BAh0zs8pEjoRoiO1nTiwLnBkyxKBReAAOzqJyHJ6AYllRxdARGBZCELbcmqMxSHeLK9dluW9rl8z/4+a/rpner59IG1L/VV3vbqqpqa6Z74ZVKvTBsu0zOIy6cmqWS5D4wVWSm+8zrIHaDkNH0dXTmYcR8eRiQNc5QwaYWxBlOoo5cstVepwKV9ynaUYWSKb4knhksbVyJSDKVyso4QnlhkrQ7ociuld8xGjIkTsWNc8Eq9i/pjemMfGNoiJSRt/TNNcEHV+nJprydgJP9dYMCcjPDDm9bTGODawQYwmbbyepnEX9OrFmzJcuC6IPvF43Rq30cQzcsWGhGgggyN0Q148HvoxsvE81hfP5UQKpnCSF01zwRxe9KGBQ0RiICdikvAp6HG5cawvNZcDwJIxOjxfm84UrZpIYj8h5cwnzMeR8B4y9h3djX7mzJmpe/fuff3y5ctv3759+/2HDx/+vbi4+IP1J3X/ARw0eOBFJtZTz/1aGhtpeJHBpVoOn+Jt4LRIDOXkOuOmT1pfb32D9Y3WN1nfbB1Hpi9cuHDoyZMnv3z9+vVFc3reet82jyw60IXOWjdrsBZrsjY2YIvskp2x/Zoba3mTUAy1iAKRDcbZs2f3zM3N/d68n+0bgRb+WXSi21wh4LmgKDCyN/ZD8+KISMBDKY+D0ciK48ePb3369OmvLPXvtTi2JBK6WYO1EoFRppQEpSggPggaFwXj8uXLX7x///4fS/K2hzBrseZKB0VBEPTBUHZwFXxmTF+/fv2rlcyKXJxYk7XNHmqLv4WUKV01xcTyTUHwkIBIqWpGIxiPHz/+xgxeyBm9CvgFbDA7S4LifdM4GxExCPrsUDCo6NpJputgrILP3UskghLvPvJH/gkmAyKioIT9baKtNWyrpKqZ+TkzI47SQn37aAdKbcnyS34KjgRFBEEJ+oDoVpmimH2OmhFHIJ5jkyu0Oqf4eiK/5KdgCAgTtdRYzIIoG9h2N3nlypW/T0xM/FjCfeC7d++qFy9eVPPz89WbN28q5rTJyclqw4YN1fT0dLVly5Yw76NXvBaUf544ceKra9euoZij/Ica6hEgdbwPOAVBUDo1bwTCiCEgdgb4ZseOHX8Ucym0bbKamZmpnj9/XtmVbRUbDAbV9u3bq927d1fr1pGk/dqzZ89+vXPnzu9MioUUEEEtLijli1pJARBBgfAwpJqdEqdPnTr1ZzN4i5hLINlw69atamFhocLZrVu3Bmf37NlT0Xft2hUCsHkz5akKmfPq1avKHKs2bdoUMqdkHfFs3LjxS8u+765evfq2xsXOi7UBFQhBiBorGCErDB8CYkfn31o6/66hpWOCUw8fPgxZQSAIwPr13Nb5Zg941aNHjypbLwRw7969lWVlXiBBsdvyD7bet0YiM5QdggqQIBoWcTLVFIxGcOzhaocF4zcpgRyOzCAYNJw6ePDgSDDu3LlT0X0jYPAiQ0MHuvo0bMVmk5E/iGss3xoqdfUbyGgyFDx9+vTXRuP5oahRM+7evRsyg6ywe7pIzjMhgyw1B13o7NG21jZLZOiLEBEcxBkSC2gOHFj1JyDFjQJqFT/Ui7ZgHDp0qKLnGrLcauhCZ59W2xzsr+Xkk9Q05nFAxAQUY1BmL2o225Z40jO0jdlK2U0ooFzhpTZ0oAud2qZLdGIzthtv8KOWkW8jKjwTRM0FdUtN8PZq//79fx3RkEFQSB88eBCuLLUg1XCMwmlvxwJ5amoqBI/zSKpxy1Bk9+3b16vA3r9//6cHDhy4ZDpVUAUpqOphybYMkU0hmnYmOCFECVQBJNVTjWDcvHmzmp2dDVecOWNwuQyQLulO6U3hnO3BlxSPcOlLIeonOLCq/6NP0+4RJ1AaZ4hUIzMokJxIueI0MooTLDS7oiNi0iXdIwwZRG07wfBbbJLbZ0gcvcbcTotHkxoySF3lXPrrNiEY8NAVGNFi1dIl3TE9N0/Y3vDN5IZzH5CcvoC3gtbvVNSqbXWJfWzvCsgwcuZCuhhkfOu6mhRQGrcJV5zOmCZamLgfZYZ0O1LX0NvufRqRK60hI4JdCJ5audd5Hkkd09lGKY7UDLoaD3K5bRpdNHSvVOvKEF+E5voYwSM8jW0y1bjKR44cqbZt2zasIYzB5TJAuqQ7pTeD80Z4n0bYizPEjs7P7F7cNaIhg2D34PmDq8+DWipLcDy1m6RUogNdHM7Q3adheym/z5A4co25bZH/K1UKH87yPoNnELbRpTZ0oAuduQzKrZGwveGbyQ3nPiA5feAX7Qr9p40hRePljr1VC7eNvVRKsRThkOV2QRc6+7ba9qHTbfIlAQmK7BniSpuiFI0CybGdNOcKjxMUZJBFB7rQ2bc52zuDkgoIQhIUrM6fP/83w3986OhhEQXQv9PgeYR60NXggde/SxmjmLLMy9p2LSmfvJ+iDR/mhNAeDaQTMMEJ+xf+L7bl9XoFIMVssTjII7wKI88mHMdVEzhnsLVye1BAqRncJmTGmMFg679krxN/ZnbwQEcnEII+OIb++PlAGNQ/MCgooDQHLppTl8YNCA4dPXp0+JIZp7WNslDcCBqvDMd9ySx92GzjYH+NY+xbY04GNBCesx4P6RcvXkS539MT7HkU9z/PKwQGmDpggfM849QMZ8FcbbNQQ1+EiOCiskEQusZAeuO2sava+yUzSlPtxo0b4ch++PDhQL59+3a4fY4dO5Zi742z2673S2aVbAVBiyoYHi/cv06ePPlzS+l+p6NaMy+T7WVTZf/DhnoCmvcgdBo1BhrdalY4yQZCzx+rP/fPnTv3C/sbgvcQZIa61zSSMXJYUMyaKwg+Swa2FY71RxXKCQgFs6RxIm1719qmY9w/qrxOOQ8kAHQyiOM9f6LwRBX+9efLHTv9rdqHMXa1ezVsq78u4l0qNmN71/+7xtJsPiC5oKz5P7t9SEoCQqQJCpGfWuufQxCc0qCEW8f41/QHM6mA6Nahlvh6oluHTFFQPueHMyv2SVUqKL7AZoPC7WNb5op9ipmrqqxZfzVU8n2Zdkt/J+Bza/PMGvugsOto5/GZEr4qWs3dh7Xc10LaUbBJOwp2chFlv/zx0MjdzQtoLKXKkmRQ2O7snLKmPtwlXApCDHNB0e6jYju11j7tLg2KskUHt8YtZErWzMf/BIQWZ4jmPlN8UHKB4U+YafsXfrc9x/zE/pn7k70AumwF8b9WLGesv677DDho8MCLDLLW0UH3tUInUNUMbKHLPtkbQ2NJNxi7Wo5H+BT0uNy4a13oevjyD2Zt41gmtYZ0pmghA5KECCmnInRDXjwe+jGy8TzWF89lfAqmcJIXTXPBHF70oYFDRMtAzqRYPE3jLuj1iDdlsHBdEH3i8bo1bqOJp1dAEJLhQwVuENM0F0zJe5pTNeKYd0ZjQcnFc+GBbTTP1+pgg9FNck6IJaZ3zSWXg7EzXfNYT8wf0xtzKvK4LXY0paeEJyXncSmHUjgvw7iEJ5YZK0NiJaVOl/LF+jUvdbCUT3obcKlGemXj6MrJjOPUODLe/jDOGTTC2BOxUnpjM5YlCF7pahm+XOssewB8MBj/H97vYONTX6i4AAAAAElFTkSuQmCC);
}
.micOn[data-v-33a210de] {
  background: center no-repeat url(data:image/png;base64,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);
}
.micOff[data-v-33a210de] {
  background: center no-repeat url(data:image/png;base64,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);
}
.buttons[data-v-33a210de] {
  position: absolute;
  z-index: 20;
  width: 70%;
  top: 75%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 15% 0 15%;
}
.audio-box[data-v-33a210de] {
  position: absolute;
  z-index: 20;
  width: 70%;
  top: 200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 15% 0 15%;
}
.aduio-call[data-v-33a210de] {
  box-sizing: border-box;
  width: 140px;
  height: 100px;
}
.audio-img[data-v-33a210de] {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 13px;
}
.micr-icon[data-v-33a210de] {
  cursor: pointer;
  font-size: 28px;
/*display block*/
/*text-align center*/
}
.nick-text[data-v-33a210de] {
  color: #ddd;
  font-size: 12px;
  margin-right: 5px;
  vertical-align: super;
}
.duration[data-v-33a210de] {
  color: #fff;
  position: absolute;
  z-index: 20;
  width: 100%;
  top: 70%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.mask[data-v-33a210de] {
  position: absolute;
  z-index: 10;
  background: #d8d8d8;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.mask space[data-v-33a210de],
.mask .image[data-v-33a210de] {
  margin-left: 15%;
}
.mask .notice[data-v-33a210de] {
  color: #888;
}
.choose[data-v-33a210de],
.call[data-v-33a210de] {
  color: #fff;
  background-color: rgba(0,0,0,0.8);
  height: 100%;
  width: 100%;
}
.title[data-v-33a210de] {
  margin: 25% 0 0 0;
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 10;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}
.big[data-v-33a210de] {
  position: absolute;
  height: 100%;
  width: 100%;
}
.small[data-v-33a210de] {
  position: absolute;
  margin-left: 74.8%;
  z-index: 999;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
  height: 44.8%;
  width: 25.2%;
}
.big-group[data-v-33a210de] {
  height: 60vh;
  width: 100%;
}
.small-group[data-v-33a210de] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
/*z-index 999*/
/*border-style solid*/
/*border-width 1px*/
/*border-color #808080*/
/*height 30%*/
  width: 100%;
/*height 100%*/
}
.small-group_box[data-v-33a210de] {
  height: 100%;
}
.video-box[data-v-33a210de] {
  width: 33.3%;
  height: 25vh;
}

.icon_enter[data-v-e4742290] {
  width: 12px;
  height: 12px;
}
.timezone-img[data-v-e4742290] {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
}
.student-topWrap[data-v-e4742290] {
  display: -ms-flexbox;
  display: flex;
  width: 450px;
}
.student-topWrap .student-basicInfo[data-v-e4742290] {
  margin-left: 5px;
}
.student-topWrap .student-basicInfo .student-name[data-v-e4742290] {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.student-topWrap .student-basicInfo .student-area[data-v-e4742290] {
  color: #666;
  font-size: 12px;
  margin-top: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.student-topWrap .look-btnWrap[data-v-e4742290] {
  margin: 10px 0 0 0;
  color: #333;
  font-size: 13px;
  width: 119px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid #ccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}
.student-topWrap .look-btnWrap .icon_enter[data-v-e4742290] {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
.student-avtor[data-v-e4742290] {
  width: 80px;
  height: 80px;
}
.growth-title[data-v-e4742290] {
  padding-top: 20px;
  border-top: 1px solid #eee;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 13px;
}
.share-flex[data-v-e4742290],
.share-btnWrap[data-v-e4742290] {
  height: 36px;
  background: #f7f7f7;
  border-radius: 10px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.share-flex .icon_enter[data-v-e4742290],
.share-btnWrap .icon_enter[data-v-e4742290] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.share-poster[data-v-e4742290] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 20px;
  width: 100px;
  margin-top: 16px;
}
.share-poster .icon_enter[data-v-e4742290] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI0SURBVHgB7Vg7dsIwEFwZFymTEipyA35FSrgB6dIFbkC6dJATEE5AOEHgBHF6ID4CFdDhMgWfzIKcx0dGwoa8FJ73hCRrJY3Hq5UEUYwY0SCCGjKZTDGRSNS5iHRN0eEhuUitwWDQDTJKqB7mcrm6ZVlvKKaRrug8uJLjPSSTSZpMJp8qI6EgUxFCtGW1tVgsGq7rehQRUDxt23ZltVrV1xMLUer3+86+3YFCqVSqiSyNDi+Q9nk6nX7TGYBxvPF47GD8G1TveA6o1Nm3sxR9i/wzn8+7dAFA8VdZzKja7aCOUGi2XWfJ4eRt0jt5F5M+4TOP6DiUY1hkAEnmizbq6VZcmW25D4WAbWKECZqSSAdvXwtyckm8geKjVLNEJ8JIIaDMP7oVx5+JCfv8KARMCf1OaGDjEw4VTE8i9BeICekQE9LBlNB65SDOaFeOQUD0sMGOOFEEQnyOWQfIYxMyYRxb6rLaUw6EsDAcDm85qdqNIjWCXVVuHRXklXw+f9Qeb+8tl8sahYCRQjICZ1Hs6oggc0Am6wdRVhQvMENqkwGMFPJJIbun05GmTdQumhjHy16Hf0fI2IdMUCgUinDsd9rd6R2czYV07tVelxHadpb/JRQyPnaA/MEzlUIehTzLyGvNztWKL5xSGVZD6MZQKeRH5VCBLSoOCPF9jHPIWeMbbNjDelgoJYRzNvwbpnaAgBuoD/kfwQcpHFgFpVNjAiZURdGR24ESx9q24MqdvUcxzoAfMVnm4pwcEVYAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100% 100%;
}
.share-poster[data-v-e4742290]:hover {
  background: #43d186;
}
.share-poster:hover span[data-v-e4742290] {
  color: #fff;
}
.share-poster:hover .icon_enter[data-v-e4742290] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABIklEQVQ4T72UPUoEQRCFvweiKGhsYiiGegRDzfYM5oKRgQarwWqyRhoowrLxXkDxBCqCHkHEVBEM/Eme9DC9NMPszMIsVth0f1Wv6lWLCYUmxGEIsr0EXADrwGxFAgMvQEfSZbyXgm6AR+BA0ldVpbZXgSugJek+3E1B38CipA/ba8AmMJ0Df8NDSU8xge0z4FlStwgKJc8BK8A10AN+8oczwBawEWG2T4B3SZ1RoB1gXtJeKs/2EfAp6TicjwPazTJIhwVQOz3/V9C40vaBN0nnjZpdtEc6/mxqwUNV4897cydpkMJKQTVm7AO3UVKZs4cVFUG2F4BtYCq4GXgFHnIfnY50dlNQ3LW2pLAupWG7VlrZ9gfgsqQgJYvaZjf9l/4AiBy5E+3ayvMAAAAASUVORK5CYII=) no-repeat center;
}
.share-title[data-v-e4742290] {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  line-height: 18px;
}
.share-link[data-v-e4742290]:hover {
  background: #43d186;
  border-radius: 10px;
  border: 1px solid #009cff;
}
.item-link[data-v-e4742290] {
  height: 36px;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}
.item-link[data-v-e4742290]:hover {
  background: #009cff;
  color: #fff;
}
.math-link[data-v-e4742290]:hover {
  border-radius: 0 0 10px 10px;
}
.share-link-title[data-v-e4742290] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  line-height: 18px;
  magrin-bottom: 10px;
}
.share-link-name[data-v-e4742290] {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 16px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.share-link-url[data-v-e4742290] {
  font-size: 16px;
  background: #f4f4f4;
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #999;
  min-height: 30px;
  padding: 0 5px;
}