.main {
  padding: 20px 0;
}

.main .container {
  background: #ffffff;
  padding: 20px;
}

@font-face {
  font-family: 'webIcon';
  src: url('data:font/ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTZSw0m0AAAYoAAAAHEdERUYAKQAKAAAGCAAAAB5PUy8yPElI4wAAAVgAAABgY21hcAAP6b8AAAHIAAABQmdhc3D//wADAAAGAAAAAAhnbHlmV8rV/AAAAxgAAAAoaGVhZCIr72EAAADcAAAANmhoZWEG3gOFAAABFAAAACRobXR4DAABAAAAAbgAAAAQbG9jYQAUAAAAAAMMAAAACm1heHABDwASAAABOAAAACBuYW1lXoIBAgAAA0AAAAKCcG9zdK2+wr0AAAXEAAAAOwABAAAAAQAA2dRLpV8PPPUACwQAAAAAAN+GVbIAAAAA34ZVsgEA/8ADAANAAAAACAACAAAAAAAAAAEAAAOA/4AAXAQAAAAAAAMAAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAEAAYAAQAAAAAAAgAAAAoACgAAAP8AAAAAAAAABAQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZADA5hTmFAOA/4AAAAPcAIAAAAABAAAAAAAAAAAAAAAgAAEEAAAAAAAAAAQAAAAEAAEAAAAAAwAAAAMAAAAcAAEAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAA5hT//wAA5hT//xnvAAEAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAEBAP/AAwADQAAFAAABNwkBJwEBADIBzv4yMgGTAwc5/kD+QDkBhwAAABIA3gABAAAAAAAAABMAKAABAAAAAAABAAgATgABAAAAAAACAAcAZwABAAAAAAADAAgAgQABAAAAAAAEAAgAnAABAAAAAAAFAAsAvQABAAAAAAAGAAgA2wABAAAAAAAKACsBPAABAAAAAAALABMBkAADAAEECQAAACYAAAADAAEECQABABAAPAADAAEECQACAA4AVwADAAEECQADABAAbwADAAEECQAEABAAigADAAEECQAFABYApQADAAEECQAGABAAyQADAAEECQAKAFYA5AADAAEECQALACYBaABDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AABDcmVhdGVkIGJ5IGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAABHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuAABoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAABodHRwOi8vZm9udGVsbG8uY29tAAAAAAIAAAAAAAAACgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABAAAAAEAAgECEHlvdWppYW50b3ViZWlmZW4AAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMAAwABAAQAAAACAAAAAAAAAAEAAAAA1aQnCAAAAADfhlWyAAAAAN+GVbI=') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.crumbs {
  margin-top: 5px;
}

.crumbs li {
  display: inline-block;
  vertical-align: middle;
}

.crumbs li+li+li:before {
  content: "\e614";
  font-size: 12px;
  font-family: "webIcon";
  display: inline-block;
  margin-right: 5px;
}

.crumbs .on:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(data:image/gif;base64,R0lGODlhGQAZAPcAAP/+/f/9/f79/f78+/78/Pv9/fz8/P36+vr7+/b99ez/6/r59vj5+fn47/r39v329+n58fr08vb28Oj76PP36vT29fb08u737fb18t/6+Pjz6fD0+u70+Nn69e318P/v8er08d/2/N/37vDx9+zz7+/x9O3w/+jx+fLx39v18fbu7tX19Nv07ufw+dj08Obv8NP26eXw8Ofw6u3t7PPr6uTs/OXt7+/o+vDp5O7p9eDt4+jp+OHq/Ovn8efo7Oro3+bo5+nl6uTn6t/q4PLi8t/p6Onk6vHh39zn5+7j3u/g3+Lk4N/l5t/k49jk6tnl2tfl4+nd3N3e3NXg3tjf4NLf5Nne3M/g3dbd3tHe1dHc2Nna19Pb187b4OPU1ubR0s3W1svX1c3W0t/Rz8nV2tHT0N/OyNvNuNrNuMTSzcDT0OXGwtjHwsjKx7/LysDLycDLz7vIzd6/utC4uuC0sMa5rNiyttazqs6upcKxkb+xjL6yjLyxjLquj9einbOriMefksyWmdCQj9WLi6qYgK+Ya7eSga+WbK+SaryIgK+OZq6LY8J8eKCFYLeBLLx/JLp3cLB7LKV2YqR4MLV2HK51H59yKaluIaNsH6lsFbBfV6dmHKdkEKhlCbJZVpZlHJRZVqRcA6NSTYxYD6lIS5hMSplTAppPAKRDPINKBopAR5FDAJFBA4lEAJA6P4A6BHE/AHk4FHI7C2A9FYMwMG0vGHooJoUlJW4oHoIfH4scIIUaGm8gGoAYHHsXHpMQAIsRCHUWEocLAIYKAIEKDI4HAHMPCYgIAXcMCXEME48EAZAEAGcPBXkKAo8DAIQGAZkAAJYAAHQJAH4FAowAAIoABGgJEIkAAIQAAHwDAHsDBH8BAIAAA38AA38AAHcCA3UAAnEAAG8AAG0AAFgAAEoAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAOYALAAAAAAZABkAAAj/AM0JHEiwoMGDCBMqXMiwoUODX+w8PEiHGjZR5g6YGxDgIR5v0JZlIzXoli5XDgNxm4bK0zNnwJRF20WAYalr10D9+ABJmrBfxXIJUEhAFbhtmnBkAKEhUbNhw3opXECr2zdJKErkmCHCgiBk2IgdQRgB1zhtjCh0qHEjxooQD/wEC2dMiUEVvsQxMyThBA8TGyBwaJEiwR1e4ax5KRiFXDJAClzsIGIGDZo1SWCwwCDHVrk5BsfQaKDDxog6s2TFqkVogo8eHhywAZAQCBASfWCtWvWq0YUgQQowbIJERp5Up061WvSCyRInCw1YmTJEz6hQnDYpKkJFSpWFCLhwOXmy51OnTJcQQcGypctCBmLEZOFjiVIlTIeugClDZmGFN2+k8cckjzgSSSFquNFGHBM16OCDEE4UEAA7);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-top: -4px;
}

.titlebar {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.titlebar .title {
  font-size: 24px;
  color: #e6212a;
  font-weight: bold;
  font-family: "方正小标宋简体", "宋体";
}

/* .btn {
  background-color: #e6212a;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  outline: none;
  border: none;
  font-size: 16px;
  color: #ffffff;
  display: block;
  margin: 40px auto;
  width: 50%;
} */

.tab-navs {
  margin-bottom: 40px;
}

.tab-navs li {
  display: inline-block;
}

.tab-navs li a {
  padding: 10px 40px;
  display: block;
  border-radius: 3px;
  border: 1px solid #eeeeee;
}

.tab-navs li.cur a {
  background: #e6212a;
  color: #ffffff;
  border-color: #e6212a;
}

.content-container {
  min-height: 460px;
}

.mailbox-list {
  width: 100%;
}

.mailbox-list td {
  padding: 10px;
}

.mailbox-list .hd td {
  background: #f1fbf6;
  font-weight: bold;
  color: #e6212a;
}

.mailbox-list tr td:nth-child(1) {
  padding-left: 20px;
}

.mailbox-list .hd td+td {
  text-align: center;
}

.mailbox-list tr+tr td+td {
  text-align: center;
}

.mailbox-list tr+tr+tr td {
  border-top: 1px dashed #eeeeee;
}


.pagination {
  text-align: center;
  margin-top: 20px;
}

.pagination .btn {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  margin: 0 5px;
}

.pagination label.btn {
  background: #e6212a;
  color: #ffffff;
  border-color: #e6212a;
}