/* CSS Document */
.timeline {position:relative;margin:0 0 30px 0;padding:0;list-style:none}
.timeline:before {content:'';position:absolute;top:0;bottom:0;width:4px;background:#ddd;left:31px;margin:0;border-radius:2px}
.timeline>li {position:relative;margin-right:10px;margin-bottom:15px}
.timeline>li:before,.timeline>li:after {content:" ";display:table}
.timeline>li:after {clear:both}
.timeline>li>.timeline-item {-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;margin-top:0;background:#fff;color:#444;margin-left:60px;margin-right:15px;padding:0;position:relative}
.timeline>li>.timeline-item>.time {color:#999;float:right;padding:10px;font-size:12px}
.timeline>li>.timeline-item>.timeline-header {margin:0;color:#555;border-bottom:1px solid #f4f4f4;padding:10px;font-size:20px;line-height:1.1}
.timeline>li>.timeline-item>.timeline-header>a {font-weight:600}
.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer {padding:10px}
.timeline>li>.timeline-item>.timeline-body { max-height: 226px;
    display: -webkit-box;/** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;/** 显示的行数 **/
    overflow: hidden;
}
.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion {width:30px;height:30px;font-size:15px;line-height:30px;position:absolute;color:#666;background:#d2d6de;border-radius:50%;text-align:center;left:18px;top:0}
.timeline>.time-label>span {font-weight:600;padding:5px;display:inline-block;background-color:#fff;border-radius:4px}
.timeline-inverse>li>.timeline-item {background:#f0f0f0;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none}
.timeline-inverse>li>.timeline-item>.timeline-header {border-bottom-color:#ddd}
.overtext{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black,.bg-red-active,.bg-yellow-active,.bg-aqua-active,.bg-blue-active,.bg-light-blue-active,.bg-green-active,.bg-navy-active,.bg-teal-active,.bg-olive-active,.bg-lime-active,.bg-orange-active,.bg-fuchsia-active,.bg-purple-active,.bg-maroon-active,.bg-black-active,.callout.callout-danger,.callout.callout-warning,.callout.callout-info,.callout.callout-success,.alert-success,.alert-danger,.alert-error,.alert-warning,.alert-info,.label-danger,.label-info,.label-warning,.label-primary,.label-success,.modal-primary .modal-body,.modal-primary .modal-header,.modal-primary .modal-footer,.modal-warning .modal-body,.modal-warning .modal-header,.modal-warning .modal-footer,.modal-info .modal-body,.modal-info .modal-header,.modal-info .modal-footer,.modal-success .modal-body,.modal-success .modal-header,.modal-success .modal-footer,.modal-danger .modal-body,.modal-danger .modal-header,.modal-danger .modal-footer,.bg-gray-dark {color:#fff !important}
.bg-gray {color:#000;background-color:#d2d6de !important}
.bg-gray-light {background-color:#f7f7f7}
.bg-gray-dark {background-color:#555555}
.bg-black {background-color:#111 !important}
.bg-red,.callout.callout-danger,.alert-danger,.alert-error,.label-danger,.modal-danger .modal-body {background-color:#dd4b39 !important}
.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body {background-color:#f39c12 !important}
.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body {background-color:#00c0ef !important}
.bg-blue {background-color:#0073b7 !important}
.bg-light-blue,.label-primary,.modal-primary .modal-body {background-color:#3c8dbc !important}
.bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body {background-color:#00a65a !important}
.bg-navy {background-color:#001f3f !important}
.bg-teal {background-color:#39cccc !important}
.bg-olive {background-color:#3d9970 !important}
.bg-lime {background-color:#01ff70 !important}
.bg-orange {background-color:#ff851b !important}
.bg-green {background-color:#32c5d2 !important}
.bg-fuchsia {background-color:#f012be !important}
.bg-purple {background-color:#605ca8 !important}
.bg-maroon {background-color:#d81b60 !important}
.bg-gray-active {color:#000;background-color:#b5bbc8 !important}
.bg-black-active {background-color:#000 !important}
.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer {background-color:#d33724 !important}
.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer {background-color:#db8b0b !important}
.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer {background-color:#00a7d0 !important}
.bg-blue-active {background-color:#005384 !important}
.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer {background-color:#357ca5 !important}
.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer {background-color:#008d4c !important}
.bg-navy-active {background-color:#001a35 !important}
.bg-teal-active {background-color:#30bbbb !important}
.bg-olive-active {background-color:#368763 !important}
.bg-lime-active {background-color:#00e765 !important}
.bg-orange-active {background-color:#ff7701 !important}
.bg-fuchsia-active {background-color:#db0ead !important}
.bg-purple-active {background-color:#555299 !important}
.bg-maroon-active {background-color:#ca195a !important}
[class^="bg-"].disabled {opacity:.65;filter:alpha(opacity=65)}
.text-red {color:#dd4b39 !important}
.text-yellow {color:#f39c12 !important}
.text-aqua {color:#00c0ef !important}
.text-blue {color:#0073b7 !important}
.text-black {color:#111 !important}
.text-light-blue {color:#3c8dbc !important}
.text-green {color:#00a65a !important}
.text-gray {color:#d2d6de !important}
.text-navy {color:#001f3f !important}
.text-teal {color:#39cccc !important}
.text-olive {color:#3d9970 !important}
.text-lime {color:#01ff70 !important}
.text-orange {color:#ff851b !important}
.text-fuchsia {color:#f012be !important}
.text-purple {color:#605ca8 !important}
.text-maroon {color:#d81b60 !important}