/* 信件 - 详情 */
.mail-detail-cont {border-top: 1px solid #e3e3e3;}
.mail-detail-cont .tr {position: relative;background-color: #fff;border-right: 1px solid #e3e3e3;transition: all 0.3s;}
.mail-detail-cont .tr .td-6{float: left; width: 50%;}
.mail-detail-cont .tr .td-12{width:100%;}
.mail-detail-cont dl {display: table;height:62px;position: relative;min-height: 48px;margin-right: 0;margin-bottom: 0;border-bottom: 1px solid #e3e3e3;}
.mail-detail-cont dt {display: table-cell;/*position: absolute;top: 0;left: 0;*/height: 100%;width: 150px;font-weight: bold;text-align: center;vertical-align: middle;background-color: #fafafa;border-left: 1px solid #e3e3e3;}
.mail-detail-cont dt span {position: absolute;top: 50%;left: 0;width: 150px;margin-top: -12px;line-height: 24px;}
.mail-detail-cont dd {display: table-cell;/*margin-left: 151px;line-height: 2em;*/padding: 0 20px;text-align: justify;vertical-align: middle;min-height: 28px;border-left: 1px solid #e3e3e3;}
.mail-detail-cont dd.lxnr,.mail-detail-cont dd.hfnr{width: 100%;padding:15px 20px;line-height:2em;}
.mail-detail-cont .odt{display:block;height: auto;}
.mail-detail-cont .odt dt {background: #fafafa;position: relative;display: block;min-height: 48px;width: 100%;border-bottom: 1px solid #e3e3e3;box-sizing: border-box;}
.mail-detail-cont .odt dd {margin-left: 0;}
.mail-detail-cont dd a {color: #2C60B6;display: inline-block;margin: 5px 0;margin-right: 20px;}

@media (max-width: 768px) {
  .mail-detail-cont dt {width: 120px;font-weight: normal; color: #000;}
  .mail-detail-cont dt span {text-align: left;padding-left: 20px;}
  .mail-detail-cont dd {padding: 10px 15px;margin-left: 121px;}

  .mail-detail-cont .xs-res dt {background: #fafafa;position: relative;display: block;min-height: 48px;width: 100%;border-bottom: 1px solid #e3e3e3;box-sizing: border-box;}
  .mail-detail-cont .xs-res dd {margin-left: 0;}
  .mail-detail-cont .tr .td-6{float: none; width: auto;}
  .mail-detail-cont dl {height: auto;display: block;}
}