.details-header{color:#666;height:15px;line-height:15px;overflow:hidden;padding:0 0 20px;border-bottom:1px solid #ddd}.details-title{border-left:4px solid #F5694B;padding:0 0 0 10px;width:800px}.details-content{height:600px;padding:20px 20px 0 0;color:#666;position:relative;overflow-y:scroll}.details-content .time{text-align:center;color:#999;margin-bottom:20px}.details-content .history{display:block;text-align:center;line-height:25px;color:#66BE8C;margin:-10px 0 20px}.details-content .history .icon{color:#66BE8C}.details-content .history:hover{color:#0DB053;text-decoration:underline}.message-block{margin-bottom:30px;overflow:hidden}.message-block.right .message-face{float:right}.message-face img{border-radius:50%;border:1px solid #ddd}.message-wrap{padding:15px 20px;line-height:25px;border-radius:5px;max-width:690px}.message-block .triangle{position:relative;top:15px;width:0;height:0;border-width:10px;border-style:dashed;border-color:transparent}.message-block .triangle.fl{border-right:10px solid #ddd;left:5px}.message-block .triangle.fl .small{border-right:10px solid #F1F1F1;left:-9px;top:-10px}.message-block .triangle.fr{border-left:10px solid #C0E8D0}.message-block .triangle.fr .small{border-left:10px solid #D7F6E4;left:-11px;top:-10px}.company-message{background:#F1F1F1;border:1px solid #ddd;margin-left:5px;float:left}.person-message{background:#D7F6E4;border:1px solid #C0E8D0}.details-footer{margin:50px 0 0}.details-footer textarea{padding:7px 10px;border:1px solid #ddd;width:865px;height:50px;line-height:24px;margin-bottom:10px}.details-footer button{border:none;border-radius:4px;color:#fff;background:#F6694B;padding:5px 30px;float:right;cursor:pointer}