@charset "UTF-8";
.recm-application .recm-button-back {
  position: absolute;
  left: 50px;
  z-index: 1;
}

.recm-application-title {
  clear: both;
  margin-bottom: 30px;
  font-size: 20px;
  color: #191B45;
}

.recm-application-title .recm-application-highlight-name {
  display: inline-block;
  margin-right: 16px;
  padding-right: 16px;
  line-height: 1;
  color: #4878E3;
  border-right: 2px solid #4878E3;
}

.recm-application-foot {
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  height: 80px;
  line-height: 80px;
  color: #AFAFAF;
}

.recm-application-title.recm-disabled-app {
  font-size: 16px;
  font-weight: normal;
}

.app_sort-btn {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  color: #606266;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  padding: 5px 18px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  background-color: #3861dc;
  border-color: #3861dc;
}

.app_sort-btn.plain {
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
}

.recm-application-title.recm-application-title_self .app_title {
  display: inline-block;
  margin-right: 15px;
}

.recm-application-title.recm-application-title_self .app_sort-add {
  display: inline-block;
  margin-right: 15px;
}

.recm-application-title.recm-application-title_self .app_add {
  display: inline-block;
}

.recm-application-title.recm-application-title_self .app_add .app_add-icon {
  display: inline-block;
  width: 43px;
  height: 43px;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 50%;
  background-image: url(images/application-add.png);
  background-size: contain;
  cursor: pointer;
}

.recm-application-title.recm-application-title_self .app_add .app_add-text {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.3;
  font-size: 16px;
}

.app_sort-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  z-index: 400;
  background-color: rgba(128, 128, 128, 0.7);
}

.app_sort-dialog__wrapper .app_sort-dialog {
  position: relative;
  margin: 0 auto;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 25vh;
  width: 50%;
}

.app_sort-dialog__wrapper .app_sort-dialog .dialog-title {
  padding: 20px 20px 10px;
  font-size: 18px;
}

.app_sort-dialog__wrapper .app_sort-dialog .dialog-title .close {
  position: absolute;
  right: 18px;
  top: 17px;
  cursor: pointer;
}

.app_sort-dialog__wrapper .app_sort-dialog .dialog_body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}

.app_sort-dialog__wrapper .app_sort-dialog .dialog-footer {
  padding: 10px 20px 20px;
  text-align: right;
  box-sizing: border-box;
}

.app_sort-input {
  height: 90px;
}

.app_sort-input .inner {
  display: flex;
}

.app_sort-input .inner span {
  color: #606266;
  height: 40px;
  line-height: 40px;
}

.app_sort-input .inner input {
  flex: 1;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  outline: none;
  transition: border-color .2s linear;
  width: 100%;
}

.app_sort-input .inner input:focus {
  border: 1px solid #3861dc;
}

.app_sort-input .inner input.error {
  border: 1px solid red;
}

.app_sort-input .app_sort-input_error {
  color: red;
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  padding-left: 70px;
  font-size: 13px;
}

.recm-application-list-types {
  width: 100%;
  display: inline-block;
}

.recm-application-list-types .recm-application-item-types {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}

.recm-application-list-types .recm-application-item-types .sort-title {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
  font-size: 15px;
}

.recm-application-list-types .recm-application-item-types .sort-title .title {
  width: 185px;
  display: inline-block;
}

.recm-application-list-types .recm-application-item-types .sort-title .app_sort-btn-text {
  margin-right: 35px;
  color: #2a98fb;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
}

.recm-application-list {
  display: inline-block;
}

.recm-application {
  position: relative;
  padding: 0 150px;
  font-size: 14px;
}

.recm-application-setting .recm-application-item {
  position: relative;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 220px;
  height: 65px;
  padding: 10px 30px;
  border: 1px solid #D9DAE3;
  border-radius: 1px;
  font-size: 18px;
  cursor: pointer;
}

.recm-application-add,
.recm-application-icon {
  display: inline-block;
  width: 25%;
  height: 45px;
  margin-right: 9px;
  vertical-align: middle;
}

.recm-application-add {
  background-image: url(images/application-add.png);
  background-size: contain;
}

.recm-application-name {
  width: 44%;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.recm-application-list .recm-application-name {
  max-width: 87px;
}

.recm-application-disable-tag {
  font-size: 14px;
}

.recm-dropdown-button {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 0;
  height: 0;
  border-top: 10px solid #4878E3;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0;
}

.recm-dropdown-button:hover + .recm-dropdown-list {
  display: block;
}

.recm-gray .recm-dropdown-button {
  border-top-color: #8C8C8C;
}

.recm-dropdown-list {
  display: none;
  position: absolute;
  right: 8px;
  top: 18px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 2px 3px 6px #ccc;
  z-index: 10;
}

.recm-dropdown-list:hover {
  display: block;
}

.recm-dropdown-list a {
  display: block;
  padding: 0 10px;
}

.recm-dropdown-list a, .recm-dropdown-list a:visited, .recm-dropdown-list a:focus {
  color: #000;
}

.recm-dropdown-list a:hover {
  color: #2a98fb;
}

/*应用详情*/
.recm-application-detail .recm-application-icon {
  width: 60px;
  height: 60px;
  margin-right: 18px;
}

.recm-application-detail .recm-application-name {
  max-width: 300px;
  font-size: 20px;
}

.recm-application-detail .recm-form-item {
  margin-left: 0;
  margin-bottom: 22px;
}

.recm-application-detail .recm-form-error {
  margin-bottom: -25px;
}

.recm-application-icon-edit {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  font-size: 12px;
  margin-right: 18px;
}

.recm-application-name-edit {
  display: inline-block;
  vertical-align: top;
}

.recm-application-detail-title {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E7E7E7;
}

.recm-application-detail-logoinput {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}

.recm-application-detail-title-footer {
  padding-left: 80px;
}

.recm-application-detail-title-footer .recm-btn {
  margin-right: 20px;
}

.recm-application-introduction {
  margin-top: 7px;
  font-size: 14px;
  color: #80808C;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recm-application-sort-info {
  margin-top: 7px;
  color: #80808C;
  font-size: 14px;
}

.recm-application-status {
  float: right;
  color: #80808C;
}

.recm-application-status label {
  vertical-align: middle;
}

.recm-application-detail-content {
  position: relative;
}

.recm-application-detail-content .recm-edit {
  position: absolute;
  right: 5px;
  top: 0;
}

.recm-application-info {
  margin-bottom: 16px;
}

.recm-application-info label {
  display: inline-block;
  left: 0px;
  width: 60px;
  margin-right: 20px;
  text-align: right;
}

.recm-application-detail-content-footer {
  padding-left: 80px;
  padding-bottom: 20px;
}

.recm-application-detail-content-footer .recm-btn {
  margin-right: 20px;
}

.recm-application .recm-application-visible-range {
  padding: 10px 10px 0 10px;
  margin-right: 10px;
}

.recm-application-visible-range {
  display: inline-block;
  min-height: 25px;
  max-width: 500px;
  max-height: 180px;
  overflow-y: auto;
  border: 1px solid #D9DAE3;
  border-radius: 1px;
  vertical-align: top;
}

.recm-application-visible-range li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-right: 16px;
  margin-bottom: 16px;
  padding: 0 16px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 4px;
  border: 1px solid #D9DAE3;
}

.recm-application-visible-range .recm-company {
  color: #80808C;
  line-height: 1;
  margin-bottom: 10px;
}

.recm-visible-range-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: sub;
  margin-right: 8px;
}

.recm-visible-range-icon.recm-company-icon {
  background-image: url(images/visible-range-department.png);
}

.recm-visible-range-icon.recm-department-icon {
  background-image: url(images/visible-range-department.png);
}

.recm-visible-range-icon.recm-user-icon {
  background-image: url(images/visible-range-user.png);
}

.recm-application-detail-function li {
  position: relative;
  float: left;
  margin: 0 30px 30px 0;
  width: 236px;
  height: 130px;
  padding: 20px 15px 20px 20px;
  border: 1px solid #D9DAE3;
  border-radius: 1px;
}

.recm-application-function-title {
  font-size: 16px;
}

.recm-application-function-introduction {
  color: #80808C;
  line-height: 1.3;
}

.recm-application-function-introduction .recm-application-function-status {
  float: right;
}

.recm-application-function-status {
  white-space: nowrap;
}

.recm-application-function-status.recm-enable {
  color: #59B242;
}

.recm-application-function-status.recm-disable {
  color: #EA2520;
}

.recm-application-function-foot {
  position: absolute;
  bottom: 20px;
  line-height: 1;
}

.recm-application-function-foot .recm-btn-a {
  margin-right: 30px;
}

/*
创建应用
*/
.recm-application-create .recm-form-item {
  margin-left: 0;
}

.recm-application-create .recm-application-upload-icon,
.recm-application-create .recm-application-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  vertical-align: middle;
  background-size: cover;
  border-radius: 4px;
}

.recm-application-create .recm-application-icon {
  border: 1px solid #D9DAE3;
}

.recm-application-create .recm-application-upload-icon {
  background-image: url(images/upload-btn.png);
}

.recm-application-create .recm-form-item label {
  width: 80px;
}

.recm-application-create .recm-app-log-tip {
  display: block;
  margin-top: 10px;
  line-height: 1;
  margin-left: 85px;
  vertical-align: bottom;
  color: #80808C;
}

.recm-application-create .recm-application-visible {
  display: inline-block;
  width: 245px;
}

.recm-application-create .recm-form-label-visible {
  vertical-align: top;
}

.recm-application-create .recm-application-icon {
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #ccc;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url(images/upload-btn.png);
}

.recm-application-create .recm-form-error {
  margin: 0 0 -25px 85px;
}

.recm-application-create .recm-inputfile {
  display: inline-block;
  vertical-align: middle;
}

.recm-application-icon input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;
  font-size: 100px;
  opacity: 0;
}

.recm-application-create-title {
  font-size: 20px;
  margin-bottom: 40px;
}

.app_create-select {
  width: 230px;
  height: 30px;
  outline: none;
  border: 1px solid #dcdfe6;
  background-color: #fff;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
}

/*选择可见范围*/
.recm-select-visible-range {
  font-size: 14px;
}

.recm-select-visible-range .recm-dialog-inner {
  top: 10%;
  transform: translatex(-50%);
  width: 640px;
  border-radius: 4px;
}

.recm-select-visible-range .recm-form {
  padding-bottom: 0;
}

.recm-select-visible-range .recm-form h2 {
  margin-bottom: 0;
}

.recm-select-visible-range .recm-form-cancel {
  margin-top: -30px;
  margin-right: 20px;
}

.recm-select-visible-range .recm-tree-branch .recm-tree-lable {
  max-width: 230px;
  cursor: default;
  overflow: visible;
  text-overflow: clip;
  display: inline-block;
}

.recm-select-visible-range .recm-tree-branch .recm-tree-lable .recm-tree-label-item {
  display: inline-block;
  padding-right: 20px;
  max-width: 100%;
  overflow: hidden;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recm-select-visible-range .recm-tree-branch .recm-tree-lable label {
  cursor: pointer;
}

.recm-tree-dialog-bd {
  height: 406px;
}

.recm-tree-dialog-selected,
.recm-tree-dialog-list {
  float: left;
  width: 50%;
  height: 100%;
}

.recm-tree-dialog-list {
  border-right: 2px solid #E7E7E7;
}

.recm-tree-dialog-search {
  position: relative;
  height: 48px;
  padding: 20px 35px 0;
  border-bottom: 0;
}

.recm-tree-dialog-search input {
  width: 100%;
  height: 30px;
  border: 0;
  padding: 0 4px 0 42px;
  border-radius: 4px;
  background: #F5F5F8;
}

.recm-tree-dialog-list-bd {
  height: 342px;
  margin-top: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.recm-tree-branch {
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  margin-bottom: 5px;
}

.recm-tree-branch:hover {
  background: #E4E4E9;
}

.recm-tree-branch .recm-checkbox {
  position: relative;
  left: -15px;
  top: 1px;
}

.recm-tree-dialog-list-bd > ul > li > .recm-tree-branch {
  padding-left: 35px;
}

.recm-tree-dialog-list-bd > ul > li > ul > li > .recm-tree-branch {
  padding-left: 45px;
}

.recm-tree-dialog-list-bd > ul > li > ul > li > ul > li > .recm-tree-branch {
  padding-left: 55px;
}

.recm-tree-dialog-list-bd > ul > li > ul > li > ul > li > ul > li > .recm-tree-branch {
  padding-left: 65px;
}

.recm-tree-dialog-list-bd > ul > li > ul > li > ul > li > ul > li > ul > li > .recm-tree-branch {
  padding-left: 75px;
}

.recm-tree-dialog-list-bd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .recm-tree-branch {
  padding-left: 85px;
}

.recm-tree-dialog-list-bd > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .recm-tree-branch {
  padding-left: 95px;
}

.recm-tree-dialog-selected-head {
  height: 48px;
  padding-left: 20px;
  line-height: 48px;
  border-bottom: 2px solid #E7E7E7;
}

.recm-tree-dialog-selected-head .recm-clean {
  position: relative;
  right: 20px;
  float: right;
}

.recm-tree-dialog-selected-bd {
  height: 357px;
  overflow: auto;
}

.recm-tree-dialog-selected-bd .recm-btn-remove-small {
  float: right;
  margin-right: 23px;
  margin-top: 10px;
}

.recm-tree-dialog-buttons {
  height: 90px;
  clear: both;
  text-align: center;
  border-top: 2px solid #E7E7E7;
}

.recm-tree-dialog-buttons .recm-btn {
  width: 105px;
  height: 30px;
  margin-top: 30px;
}

.recm-search-icon {
  position: absolute;
  bottom: 5px;
  left: 47px;
  width: 16px;
  height: 16px;
  background: url(images/search@2x.png) no-repeat center/contain;
}

.recm-search-list li {
  padding-left: 35px;
}

.recm-search-list .recm-search-list-hd {
  height: 30px;
  line-height: 30px;
  background-color: #F1F1F3;
}

.recm-search-list .recm-btn-a {
  float: right;
  margin-right: 20px;
}

.recm-search-list .recm-list-count {
  margin-left: 90px;
}

.recm-search-list .recm-search-list-item {
  height: 30px;
  line-height: 30px;
}

.recm-search-list .recm-search-show-less {
  max-height: 120px;
  overflow: hidden;
}

.recm-application-setting nav {
  margin-bottom: 20px;
}

.recm-application-setting nav .recm-radio {
  margin-right: 30px;
}

.recm-application-setting-content {
  margin-bottom: 20px;
}

/* 发送消息*/
.recm-application-sendmessage-range {
  margin-bottom: 20px;
}

.recm-messageinput {
  display: inline-block;
  position: relative;
  width: 100%;
  min-height: 257px;
}

.recm-messageinput-tab {
  height: 55px;
  line-height: 55px;
  padding-right: 16px;
  padding-left: 7px;
  border-bottom: 1px solid #D9DAE3;
}

.recm-messageinput-tab li {
  padding: 0 15px;
  float: left;
  cursor: pointer;
  color: #80808C;
}

.recm-messageinput-tab li.recm-selected {
  color: #191B45;
}

.recm-messageinput-tab .recm-btn-a {
  float: right;
}

.recm-messageinput-tab .recm-messagetype-icon {
  margin-right: 8px;
}

.recm-messagetype-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

.recm-messagetype-text {
  background-image: url(images/message-type/text.png);
}

.recm-selected .recm-messagetype-text {
  background-image: url(images/message-type/text-h.png);
}

.recm-messagetype-image {
  background-image: url(images/message-type/image.png);
}

.recm-selected .recm-messagetype-image {
  background-image: url(images/message-type/image-h.png);
}

.recm-messagetype-rich {
  background-image: url(images/message-type/rich.png);
}

.recm-selected .recm-messagetype-rich {
  background-image: url(images/message-type/rich-h.png);
}

.recm-messagetype-voice {
  background-image: url(images/message-type/voice.png);
}

.recm-selected .recm-messagetype-voice {
  background-image: url(images/message-type/voice-h.png);
}

.recm-messagetype-video {
  background-image: url(images/message-type/video.png);
}

.recm-selected .recm-messagetype-video {
  background-image: url(images/message-type/video-h.png);
}

.recm-messagetype-file {
  background-image: url(images/message-type/file.png);
}

.recm-selected .recm-messagetype-file {
  background-image: url(images/message-type/file-h.png);
}

.recm-application-sendmessage-input {
  width: 869px;
  border: 1px solid #D9DAE3;
}

.recm-application-footer {
  width: 100%;
  height: 50px;
  background: #F1F1F3;
}

.recm-application-footer .recm-btn-confirm {
  float: right;
  margin-right: 18px;
  margin-top: 12px;
}

.recm-messageinput-text {
  position: relative;
  padding-bottom: 50px;
}

.recm-messageinput-text textarea {
  height: 150px;
  width: 100%;
  resize: none;
  border: none;
}

.recm-btn-emoji {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(images/emoji.png) no-repeat center/contain;
}

.recm-messageinput-text-statusbar {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  padding: 15px;
}

.recm-messageinput-text-statusbar .recm-messageinput-status {
  float: right;
  color: #80808C;
}

.recm-messageinput-content-image {
  padding: 20px;
}

.recm-messageinput-content-image .recm-remove {
  margin-left: 10px;
}

.recm-add-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 96px;
  height: 96px;
  padding-top: 50px;
  background: #FCFCFD url(images/add-big.png) no-repeat center 20px/16px;
  border: 1px solid #D9DAE3;
  border-radius: 2px;
  color: #80808C;
  text-align: center;
}

.recm-add-image input {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.recm-messageinput-content-image-text {
  padding: 20px;
}

.recm-messageinput-content-image-text .recm-material-message-rich {
  vertical-align: bottom;
}

.recm-messageinput-content-image-text .recm-edit {
  margin-left: 10px;
}

.recm-application-history-message-box {
  padding: 12px;
  border: 1px solid #D9DAE3;
  border-radius: 1px;
  min-height: 130px;
  margin-bottom: 50px;
}

.recm-application-history-message-item {
  margin-bottom: 16px;
}

.recm-application-history-message-item label {
  display: inline-block;
  width: 65px;
  margin-right: 20px;
  text-align: right;
}

/*
素材消息图片
*/
.recm-material-selected-btn {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url(images/selected.png);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
}

.recm-selected .recm-material-selected-btn,
.recm-material-message-rich:hover .recm-material-selected-btn,
.recm-material-message-image:hover .recm-material-selected-btn {
  display: inline-block;
}

.recm-material-message-image {
  position: relative;
  display: inline-block;
  width: 160px;
}

.recm-material-message-image img {
  display: inline-block;
  width: 100%;
  height: 160px;
}

.recm-material-message-image .recm-image-name {
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  color: #80808C;
}

.recm-material-message-image .recm-image-edit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background-color: rgba(0, 0, 0, 0.5);
}

.recm-material-message-image.recm-selected .recm-image-edit, .recm-material-message-image:hover .recm-image-edit {
  display: inline-block;
}

.recm-material-message-image .recm-image-edit-btn {
  text-align: center;
  margin-top: 38px;
}

.recm-material-message-image .recm-btn-remove,
.recm-material-message-image .recm-btn-download {
  color: #FFF;
}

.recm-material-message-image .recm-btn-remove i,
.recm-material-message-image .recm-btn-download i {
  display: inline-block;
  margin-right: 13px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.recm-material-message-image .recm-btn-remove i {
  background-image: url(images/remove-white.png);
}

.recm-material-message-image .recm-btn-download i {
  background-image: url(images/download-white.png);
}

.recm-material-message-rich {
  position: relative;
  display: inline-block;
  width: 230px;
  border: 1px solid #D9DAE3;
}

.recm-material-message-rich-head {
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  border-bottom: 1px solid #D9DAE3;
}

.recm-material-message-rich-head .recm-btn-icon-edit,
.recm-material-message-rich-head .recm-btn-icon-remove {
  float: right;
  margin-top: 10px;
  margin-left: 19px;
}

.recm-material-message-rich-body {
  position: relative;
  padding: 10px 8px;
}

.recm-material-message-rich-body:hover .recm-material-message-rich-preview-btn {
  display: inline-block;
}

.recm-material-message-rich-title {
  white-space: nowrap;
  height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  margin-bottom: 10px;
}

.recm-material-message-rich-image {
  height: 120px;
  background-image: url(images/message-rich-default.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.recm-material-message-rich-digest {
  margin-top: 10px;
  height: 12px;
  font-size: 12px;
  line-height: 1;
  color: #80808C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recm-material-message-rich-multi-title {
  position: absolute;
  padding: 0 4px;
  height: 28px;
  bottom: 10px;
  left: 8px;
  right: 8px;
  line-height: 28px;
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recm-material-message-rich-preview-btn {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.recm-rich-preview-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  cursor: pointer;
}

.recm-rich-preview-content .recm-btn-icon-preview {
  margin-right: 10px;
  vertical-align: middle;
}

.recm-material-message-rich-sub-body {
  position: relative;
  padding: 8px;
  height: 66px;
  border-top: 1px solid #D9DAE3;
}

.recm-material-message-rich-sub-body:hover .recm-material-message-rich-preview-btn {
  display: inline-block;
}

.recm-material-message-rich-body.recm-selected,
.recm-material-message-rich-sub-body.recm-selected {
  border: 1px solid #4878E3;
}

.recm-material-message-rich-sub-title {
  display: inline-block;
  width: 155px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recm-material-message-rich-sub-image {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(images/message-rich-default.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
}

.recm-application-material .recm-application-content {
  padding-left: 140px;
}

.recm-application-material-nav {
  width: 110px;
  position: absolute;
}

.recm-application-material-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  border-style: solid;
  border-color: #D9DAE3;
  border-width: 1px 1px 0 1px;
  text-align: center;
  color: #80808C;
}

.recm-application-material-nav a:last-child {
  border-width: 1px;
}

.recm-application-material-nav a.recm-selected {
  border: 1px solid #4878E3;
  color: #4878E3;
}

.recm-application-material-nav .recm-messagetype-icon {
  margin-right: 22px;
}

.recm-application-material-none {
  height: 400px;
  padding-top: 200px;
  font-size: 20px;
  color: #ACACBC;
  text-align: center;
}

.recm-application-material-hd {
  height: 70px;
  padding: 20px;
  border: 1px solid #E7E7E7;
}

.recm-table-material-text .recm-edit {
  margin-right: 25px;
}

.recm-table-material-text .recm-material-text-content {
  text-align: left;
}

.recm-material-text-time {
  width: 120px;
}

.recm-material-text-operate {
  width: 130px;
}

.recm-material-select {
  width: 55px;
}

.recm-application-material-bd {
  margin-bottom: 20px;
  border: 1px solid #E7E7E7;
}

.recm-application-material-ft {
  text-align: right;
}

.recm-application-select-material {
  font-size: 14px;
}

.recm-application-select-material .recm-dialog-inner {
  top: 10%;
  transform: translateX(-50%);
  width: 640px;
}

.recm-application-select-material .recm-material-image-list {
  padding: 20px;
}

.recm-application-select-material .recm-material-rich-list {
  padding: 20px;
}

.recm-application-select-material-content {
  height: 370px;
  overflow: auto;
  border-bottom: 1px solid #E7E7E7;
}

.recm-application-select-material-content .rcem-waterfall-sub {
  padding: 0 30px;
}

.recm-select-material-imagetext {
  padding: 20px 25px;
}

.recm-application-material-text .recm-form h2 {
  margin-bottom: 0;
}

.recm-application-material-text .recm-form-cancel {
  margin-top: -30px;
  margin-right: 20px;
}

.recm-application-material-text .recm-dialog-inner {
  width: 500px;
}

.recm-application-material-text-bd {
  padding: 20px;
}

.recm-application-material-text-bd .recm-messageinput-text {
  border: 1px solid #D9DAE3;
  border-radius: 4px;
}

.recm-application-material-tip {
  font-size: 14px;
  color: #ACACBC;
}

.recm-application-material-image {
  width: 952px;
}

.recm-application-material-image .recm-application-material-bd {
  height: 470px;
}

.recm-application-material-image .recm-material-image-list {
  padding: 20px 35px;
}

.recm-application-material-image .recm-application-material-tip {
  margin-left: 20px;
}

.recm-material-image-list li {
  display: inline-block;
  margin-right: 20px;
}

.recm-application-material .recm-material-image-list li:nth-of-type(5n) {
  margin-right: 0;
}

.recm-application-material-rich {
  width: 952px;
}

.recm-application-material-rich .recm-application-material-bd {
  overflow: auto;
  padding: 20px 35px;
  height: 470px;
}

.recm-application-material-rich .recm-material-rich-list {
  padding: 20px 35px;
}

.recm-material-rich-list li {
  display: inline-block;
  vertical-align: top;
  margin-right: 60px;
  margin-bottom: 30px;
}

.recm-application-material .recm-material-rich-list li:nth-of-type(3n) {
  margin-right: 0;
}

.recm-dialog-material-rich {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 500;
}

.recm-material-rich-title {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #E7E7E7;
  text-align: center;
}

.recm-material-rich-title .recm-btn-icon-remove {
  float: right;
  margin-right: 30px;
  margin-top: 15px;
}

.recm-dialog-inner-material-rich {
  position: absolute;
  width: 100%;
  top: 50px;
  bottom: 0;
  overflow: auto;
}

.recm-material-contain {
  width: 1110px;
  min-height: 1000px;
  margin: 0 auto;
  padding-top: 30px;
  font-size: 14px;
}

.recm-material-message-rich-preview {
  display: inline-block;
  width: 230px;
  margin-right: 30px;
}

.recm-material-message-rich-options {
  display: none;
  position: absolute;
  padding: 13px;
  bottom: 0;
  line-height: 14px;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.7);
}

.recm-material-message-rich-options .recm-btn-icon-remove-white {
  float: right;
}

.recm-material-message-rich-body:hover .recm-material-message-rich-options,
.recm-material-message-rich-sub-body:hover .recm-material-message-rich-options {
  display: inline-block;
}

.recm-material-message-rich-add-item {
  height: 40px;
  background-color: #F1F1F3;
  background-image: url(images/add-big.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  border: 1px solid #D9DAE3;
  cursor: pointer;
}

.recm-material-message-rich-input {
  display: inline-block;
  width: 830px;
  min-height: 200px;
  border: 1px solid #E7E7E7;
  vertical-align: top;
}

.recm-material-rich-info {
  padding: 20px 20px 0 20px;
  border-bottom: 1px solid #E7E7E7;
}

.recm-material-rich-info label {
  position: absolute;
  color: #80808C;
  left: -48px;
}

.recm-material-rich-info .recm-material-rich-input-title {
  resize: none;
  width: 100%;
  height: 50px;
  line-height: 20px;
}

.recm-material-rich-info input[type=text] {
  border: 1px solid #cccccc;
  padding: 2px 8px;
  border-radius: 4px;
  width: 100%;
}

.recm-material-rich-info .recm-material-rich-group {
  position: relative;
  margin: 0 0 30px 48px;
}

.recm-material-richinfo-error {
  position: absolute;
  color: red;
}

.recm-material-message-rich-image-edit,
.recm-material-message-rich-image-edit-default {
  display: inline-block;
  position: relative;
  width: 170px;
  height: 94px;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}

.recm-material-message-rich-image-edit-default {
  border: 1px solid #E7E7E7;
  overflow: hidden;
  color: #80808C;
  padding-top: 50px;
  background-image: url(images/add-big.png);
  background-repeat: no-repeat;
  background-position: center 28px;
  background-size: 16px;
  text-align: center;
}

.recm-material-message-rich-image-update {
  display: inline-block;
  margin-left: 10px;
  color: #4878E3;
}

.recm-material-rich-hd {
  padding: 20px 68px;
}

.recm-material-rich-hd .recm-radio {
  margin-right: 30px;
}

.recm-material-rich-bd.recm-material-rich-info label {
  left: -76px;
}

.recm-material-rich-bd.recm-material-rich-info .recm-material-rich-group {
  margin-left: 76px;
}

.recm-application-user-answer .recm-col-username {
  position: relative;
  padding-left: 50px;
}

.recm-application-user-answer .recm-col-time {
  width: 170px;
}

.recm-application-user-answer .recm-unread {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #EA2520;
}

.recm-application-setting-filter {
  margin-bottom: 20px;
}

.recm-application-user-answer .recm-user-answer-time-filter {
  width: 84px;
  margin-left: 0;
  background-position-x: 63px;
}

.recm-application-conversation {
  font-size: 14px;
}

.recm-application-conversation .recm-dialog-content {
  width: 500px;
}

.recm-application-conversation .recm-form {
  padding-bottom: 0;
}

.recm-conversation-content {
  overflow-y: auto;
  height: 290px;
  padding: 0 76px;
  border: 1px solid #E7E7E7;
  padding-bottom: 20px;
}

.recm-conversation-tip {
  color: #80808C;
  margin: 15px 0;
  text-align: center;
}

.recm-conversation-username {
  color: #80808C;
}

.recm-message {
  float: left;
}

.recm-conversation-me .recm-conversation-username {
  text-align: right;
}

.recm-conversation-me .recm-message {
  float: right;
}

.recm-dialog-footer {
  position: relative;
  height: 52px;
}

.recm-conversation-smile {
  display: inline-block;
  margin: 15px 20px;
  vertical-align: middle;
}

.recm-conversation-input {
  width: 320px;
  padding: 2px 4px;
  border: 1px solid #D9DAE3;
  border-radius: 4px;
}

.recm-conversation-send {
  margin-left: 15px;
  display: inline-block;
  width: 80px;
}

.recm-conversation-send.recm-disabled {
  opacity: 0.7;
  filter: alpha(opacity=0.7);
}

.recm-application-home-url .recm-dialog-content {
  padding-top: 20px;
}

.recm-application-home-url .recm-dialog-inner {
  width: 400px;
}

.recm-application-home-url .recm-form-error {
  margin: 0 0 -25px 60px;
}

.recm-application-home-url .recm-form-cancel {
  margin-right: 20px;
}

.recm-application-admin-url .recm-dialog-content {
  padding-top: 20px;
}

.recm-application-admin-url .recm-dialog-inner {
  width: 335px;
}

.recm-application-admin-url .recm-form-error {
  margin: 0 0 -25px 0px;
}

.recm-application-admin-url .recm-form-cancel {
  margin-right: 20px;
}

.recm-application-custom-menu {
  padding-right: 0;
}

.recm-application-custom-menu-content {
  width: 1100px;
}

.recm-application-mobile {
  float: left;
  position: relative;
  width: 313px;
  height: 556px;
  margin-right: 30px;
  border: 1px solid #E5E5E5;
}

.recm-application-mobile-title {
  height: 50px;
  border-bottom: 1px solid #E5E5E5;
  background-image: url(images/mobile-title.png);
}

.recm-application-menu {
  position: absolute;
  display: table;
  width: 100%;
  bottom: 0;
  height: 41px;
  border-top: 1px solid #E5E5E5;
  background: #FAFAFA;
}

.recm-application-menu-option {
  position: relative;
  display: table-cell;
  border-right: 1px solid #E5E5E5;
  cursor: pointer;
}

.recm-application-menu-option:last-child {
  border: 0;
}

.recm-application-menu-item {
  position: relative;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  border-right: 1px solid #E5E5E5;
  cursor: pointer;
}

.recm-application-menu-item:last-child {
  border: 0;
}

.recm-application-menu-item.recm-selected {
  border: 1px solid #4878E3;
}

.recm-application-menu-haschild {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background: url(images/menu-haschild.png) no-repeat center/10px;
}

.recm-application-menu-remove {
  display: none;
  position: absolute;
  top: 13px;
  left: 5px;
  width: 14px;
  height: 14px;
  background: transparent url(images/menu-remove.png) no-repeat center/14px;
}

.recm-application-menu-item:hover > .recm-application-menu-remove,
.recm-application-childmenu-item:hover > .recm-application-menu-remove {
  display: inline-block;
}

.recm-application-menu-switch {
  width: 37px;
  background: url(images/menu-switch.png) no-repeat center/16px;
}

.recm-application-menu-add {
  width: 37px;
  background: url(images/add-big.png) no-repeat center/16px;
}

.recm-application-not-menu-add {
  background: url(images/add-big.png) no-repeat center/16px;
}

.recm-application-childmenu-list {
  position: absolute;
  bottom: 50px;
  border: 1px solid #E5E5E5;
  background: #FAFAFA;
  width: 100%;
}

.recm-application-childmenu-list:after {
  position: absolute;
  right: 50%;
  bottom: -5px;
  transform: rotate(-135deg);
  content: "";
  width: 7px;
  height: 7px;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05);
  background: #FAFAFA;
}

.recm-application-childmenu-item {
  position: relative;
  height: 41px;
  border-bottom: 1px solid #E5E5E5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recm-application-childmenu-item:last-child {
  border: 0;
}

.recm-application-childmenu-item.recm-selected {
  border: 1px solid #4878E3;
}

.recm-application-childmenu-add {
  background: url(images/add-big.png) no-repeat center/16px;
}

.recm-application-menu-edit {
  float: left;
  width: 748px;
  height: 556px;
  border: 1px solid #E5E5E5;
  font-size: 14px;
  position: relative;
}

.recm-application-menu-edit .recm-messageinput-text textarea {
  height: 199px;
}

.recm-application-menu-edit .recm-form-item {
  margin-left: 20px;
}

.recm-application-menu-edit .recm-form-item label {
  width: 80px;
}

.recm-application-menu-edit .recm-form-tip {
  margin-left: 80px;
  color: #80808C;
}

.recm-application-menu-title {
  height: 50px;
  padding: 15px 20px;
  background: #F1F1F3;
  color: #80808C;
}

.recm-application-menu-title .recm-radio {
  margin-left: 30px;
}

.recm-application-menu-step1 {
  height: 150px;
}

.recm-application-menu-step1 .recm-application-menu-title {
  margin-bottom: 20px;
}

.recm-application-menu-step1 .recm-form-item label {
  color: #80808C;
}

.recm-application-menu-foot {
  height: 50px;
  background: #F1F1F3;
  padding: 10px 20px;
  text-align: right;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.recm-application-menu-foot .recm-btn {
  margin-left: 30px;
}

.recm-application-menu-openurl {
  height: 304px;
}

.recm-application-menu-openurl-tip {
  padding: 20px;
}

.recm-application-menu-openchild {
  height: 304px;
  line-height: 304px;
  color: #80808C;
  text-align: center;
}

.recm-application-autoreplies .recm-table-tidy {
  width: 620px;
}

.recm-application-autoreplies-grid {
  margin-bottom: 25px;
}

.rem-application-autoreplies-add {
  display: inline-block;
  width: 180px;
}

.recm-autoreplies-list.recm-table-tidy tr td {
  padding: 10px 20px;
  line-height: 20px;
}

.recm-autoreply-content {
  width: 390px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recm-autoreplies-operate {
  margin-left: 30px;
}

.recm-application-autoreplies-tip {
  display: inline-block;
  color: #80808C;
  width: 270px;
}

.recm-application-autoreplies-message {
  display: inline-block;
  vertical-align: middle;
  width: 270px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recm-application-autoreplies-operate {
  width: 130px;
}

.recm-application-autoreplies-operate .recm-edit {
  margin-right: 20px;
}

.recm-autoreplies-item em {
  color: #80808C;
}

.recm-application-autoreply {
  font-size: 14px;
}

.recm-application-autoreply .recm-dialog-inner {
  width: 640px;
}

.recm-application-autoreply .recm-dialog-content {
  padding: 20px;
}

.recm-application-autoreply .recm-messageinput {
  border: 1px solid #D9DAE3;
}

.recm-application-autoreply .recm-form-btns {
  margin-top: 0;
}

.recm-autoreplay-keywork-limit {
  color: #80808C;
}

.recm-input-group {
  border: 1px solid #D9DAE3;
  border-radius: 4px;
  margin-bottom: 10px;
}

.recm-input-group .recm-input-group-select {
  width: 100px;
  border: none;
  margin-left: 0;
  border-right: 1px solid #D9DAE3;
  background-position-x: 80px;
  border-radius: 0;
}

.recm-input-group-text {
  width: 430px;
  border: none;
  font-size: 14px;
}

.recm-conversation-one-message em {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}

.recm-message .recm-conversation-one-message {
  position: relative;
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  line-height: 1.3;
}

.recm-conversation-other .recm-message .recm-conversation-one-message {
  float: left;
  background: #fff;
}

.recm-message .recm-conversation-one-message:before, .recm-message .recm-conversation-one-message:after {
  position: absolute;
  top: 12px;
  content: "";
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.recm-conversation-me .recm-textmessage .recm-conversation-one-message,
.recm-conversation-me .recm-voicemessage .recm-conversation-one-message {
  float: right;
  border-color: #cae7fd;
  background: #cae7fd;
}

.recm-conversation-me .recm-textmessage .recm-conversation-one-message:before,
.recm-conversation-me .recm-voicemessage .recm-conversation-one-message:before {
  border-left-color: #cae7fd;
}

.recm-conversation-me .recm-textmessage .recm-conversation-one-message:after,
.recm-conversation-me .recm-voicemessage .recm-conversation-one-message:after {
  display: none;
}

.recm-imagemessage .recm-conversation-one-message {
  border: 0;
}

.recm-imagemessage .recm-conversation-one-message:before {
  border: 0;
}

.recm-imagemessage .recm-conversation-one-message:after {
  border: 0;
}

.recm-conversation-other .recm-conversation-one-message:before {
  left: -7px;
  border-right: 6px solid #e0e0e0;
}

.recm-conversation-other .recm-conversation-one-message:after {
  left: -5px;
  border-right: 6px solid #fff;
}

.recm-conversation-me .recm-conversation-one-message:before {
  right: -6px;
  border-left: 6px solid #e0e0e0;
}

.recm-conversation-me .recm-conversation-one-message:after {
  position: absolute;
  right: -5px;
  border-left: 6px solid #fff;
}

.recm-emoji-panel {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 400px;
  height: 310px;
  padding: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 6px;
  font-size: 0;
  z-index: 100;
}

.recm-emoji-panel ul {
  width: 105%;
}

.recm-emoji-panel li {
  display: inline-block;
  width: 42px;
  height: 42px;
  padding: 3px;
  overflow: hidden;
}

.recm-emoji-item {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  border: 6px solid transparent;
  cursor: pointer;
}

.recm-emoji-item:hover {
  border-color: #eee;
  background-color: #eee;
}

.recm-emoji-item .recm-emoji-item-content {
  font-size: 22px;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.recm-emoji-mac-item {
  text-align: center;
  position: relative;
  border: none;
}

.recm-table-td-message {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recm-message .recm-conversation-one-message.recm-psmultiimagetext,
.recm-message .recm-conversation-one-message.recm-psimagetext {
  background-color: #fff;
  padding: 0;
}

.recm-message .recm-conversation-one-message.recm-psmultiimagetext:after, .recm-message .recm-conversation-one-message.recm-psmultiimagetext:before,
.recm-message .recm-conversation-one-message.recm-psimagetext:after,
.recm-message .recm-conversation-one-message.recm-psimagetext:before {
  display: none;
}

.recm-psmultiimagetext,
.recm-psimagetext {
  width: 300px;
  overflow: hidden;
  border: 1px solid #D9DAE3;
  border-radius: 4px;
}

.recm-psimagetext {
  cursor: pointer;
}

.recm-psimagetext-title {
  height: 30px;
  line-height: 30px;
  padding: 0 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recm-psimagetext-img {
  position: relative;
  height: 152px;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

.recm-psimagetext-digest {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #777777;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #e0e0e0;
}

.recm-psimagetext-preview {
  position: relative;
  height: 38px;
  line-height: 38px;
  padding: 0 10px;
  cursor: pointer;
}

.recm-psimagetext-preview:after {
  position: absolute;
  content: ' ';
  right: 10px;
  width: 8px;
  height: 14px;
  top: 50%;
  margin-top: -4px;
  background-image: url(images/work.svg);
  background-position: -47px -111px;
}

.recm-psmultiimagetext-sub-item {
  height: 60px;
  padding: 10px;
  cursor: pointer;
}

.recm-psmultiimagetext-main-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: rgba(0, 0, 0, 0.5);
}

.recm-psmultiimagetext-sub-image,
.recm-psmultiimagetext-sub-title {
  display: inline-block;
  vertical-align: middle;
}

.recm-psmultiimagetext-sub-title {
  width: 230px;
}

.recm-multiline-hidden {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.recm-psmultiimagetext-sub-image {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
}

.rcem-waterfall-sub {
  float: left;
}

.rcem-waterfall-sub .recm-material-message-rich {
  margin-bottom: 30px;
}

.recm-application-material-rich .rcem-waterfall-sub {
  padding: 0 30px;
}