.new_msg_conctrl_box {
  margin-left: auto;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #999;
  font-size: calc(19*var(--rem));
}
.new_msg_conctrl_box span:last-child {
  margin-left: calc(32*var(--rem));
  cursor: pointer;
}
.new_msg_conctrl_box span .totalNum {
  color: #FF5E15;
}
.messBox {
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}
.messHead {
  width: 1010px;
  height: 50px;
  border-bottom: 1px solid #E1E1E1;
}
.messHead span {
  float: left;
  color: #666666;
  height: 50px;
  text-align: center;
  line-height: 50px;
  display: block;
  font-size: 14px;
  position: relative;
  margin-left: 40px;
}
.messHead span:nth-child(1) {
  margin-left: 20px;
}
.messHead span b {
  color: #FF7400;
  font-size: 14px;
}
.messAction {
  color: #333333 !important;
  font-weight: bold;
}
.messAction::after {
  content: '';
  width: 70px;
  height: 2px;
  background: #3dbb2b;
  position: absolute;
  bottom: 0;
  left: 0px;
}
.messHeadRight {
  float: right;
  padding-right: 28px;
}
.checkedBtn {
  cursor: pointer;
}
.checkedBtn b {
  margin-left: 5px;
}
.messNum {
  margin-right: 20px;
}
.messNum i {
  color: #3dbb2b;
}
.readAll {
  margin-left: 0px !important;
  cursor: pointer;
}
.messCont {
  height: calc(1150*var(--rem));
  overflow: auto;
}
.messItem {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #FAFAFA;
  border-radius: calc(5*var(--rem));
  padding: calc(28*var(--rem)) calc(32*var(--rem));
  margin-bottom: calc(16*var(--rem));
}
.messItem .typeImg {
  width: calc(61*var(--rem));
  height: calc(61*var(--rem));
  background: linear-gradient(145deg, #FFAB4A 0%, #FF4907 100%);
  border-radius: 50%;
}
.messItem .itemCont {
  margin-left: calc(16*var(--rem));
  color: #666;
}
.messItem .itemCont .messType {
  font-size: calc(16*var(--rem));
  margin-right: calc(11*var(--rem));
}
.messItem .itemCont .messTime {
  font-size: calc(16*var(--rem));
}
.messItem .itemCont .messTitle {
  color: #333333;
  font-size: calc(21*var(--rem));
  margin-top: calc(5*var(--rem));
}
.messItem .itemCont .readMessage {
  position: absolute;
  right: calc(32*var(--rem));
  top: 50%;
  transform: translateY(-50%);
  color: #FF5E15 !important;
  cursor: pointer;
  font-size: calc(16*var(--rem));
}
.messItem .itemCont .details {
  margin-top: calc(5*var(--rem));
  font-size: calc(21*var(--rem));
  color: #333;
}
.is_read {
  width: 40px;
  height: 16px;
  line-height: 16px;
  background: #ff7400;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  margin-right: 10px;
  vertical-align: text-bottom;
}
.read_del {
  position: absolute;
  right: 0;
  bottom: 20px;
  cursor: pointer;
}
.content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.descBox {
  display: none;
}
.descBox span {
  margin-right: 30px;
}