html{background:#f7f7f7}img.size-60{width:60px;height:60px}img.size-40{width:40px;height:40px}.msg-container{background:#fff;border:1px solid #ddd;margin:20px auto;z-index:1;overflow:hidden}.msg-container .icon{font-size:130%}.msg-left{width:180px;padding:30px 0 0;float:left}.msg-left h3{font-weight:700;padding:0 0 0 35px}.msg-nav{margin:20px 0 0}.msg-nav a{display:block;color:#666;line-height:50px;border-bottom:1px solid #ddd;text-align:center}.msg-nav .count{font-size:90%}a.hover-color.active,a.hover-color:hover,a.hover-color:hover .icon{color:#66be8c}a.hover-color.active{font-weight:700}.msg-right{width:959px;min-height:400px;border-left:1px solid #ddd;padding:30px;float:right}.msg-right .icon{color:#bbb}.msg-list{padding:30px 0;clear:both}.msg-list li{border-bottom:1px dashed #ddd;padding:20px 0;color:#666;overflow:hidden}.msg-list.hover li:hover{background:#fafafa}.msg-list .db{width:700px;height:62px;float:left;cursor:pointer}.pagination{margin:0}.company-face,.sys-notice{display:block;width:60px;height:60px;margin-right:15px;border:1px solid #ddd}.company-face{background:url(http://static.jjoobb.cn/images/personal/message/default_60.jpg)}.notice-text{line-height:60px}.hello-list-header,.msg-list-header{height:40px;line-height:40px}.hello-list-header a,.msg-list-header a{*color:#999}.msg-list-header .search{border:1px solid #ddd;border-radius:4px}.msg-list-header .search input{border:none;height:25px;*line-height:25px;width:170px;margin:7px 15px;vertical-align:top}.msg-list-header .search .icon{position:relative;border-left:1px solid #ddd;width:45px;text-align:center;font-size:150%}.hello-list-header .control .hover-color,.msg-list-header .control .hover-color{display:inline-block;margin-left:10px}.letter-text{line-height:25px;padding:5px 0}.letter-text a:hover{text-decoration:underline}.letter-text p{max-width:620px;*color:#666}.notify-text{width:810px;line-height:30px}.notify-text .letter-num{margin:5px 0 0 13px}.notify-text .title{color:#333}.letter-num{background:#F5694B;padding:0 10px;line-height:18px;font-size:12px;color:#fff;border-radius:3px;margin:3px 0 0 13px;position:relative}.letter-num .arrow{width:0;height:0;position:absolute;border:5px dashed transparent;border-right:5px solid #F5694B;left:-9px;top:4px}.msg-right input[type=checkbox]{display:none}.msg-right .check{display:inline-block;background:#fff;width:14px;height:14px;border:1px solid #ddd;margin-left:10px;vertical-align:-2px}.msg-right .check .icon{font-size:14px;color:#fff;display:none}.msg-right .check.active{background:#66BE8C;border-color:#66BE8C;vertical-align:1px;*vertical-align:middle}.hello-list-header .control .check .icon,.msg-list-header .control .check .icon{margin-top:-12px}.msg-right .check.active .icon{display:block}.hello-list-header{margin:15px 0 0}.company-hello{width:810px;margin-top:-5px}.company-hello a{*color:#666}.company-hello p{line-height:25px;overflow:hidden}.company-hello .check.active{vertical-align:none}.company-hello .check.active .icon{margin-top:-4px}.hello-btn{display:inline-block;padding:3px 25px;border:1px solid #ddd;border-radius:3px;background-color:#FAFAFA;color:#666;outline:0;vertical-align:top;margin-right:10px}.accept-btn:hover{color:#fff;border-color:#66BE8C;background-color:#66BE8C}.ignore-btn:hover{color:#fff;border-color:#999;background-color:#999}.linkman{margin:5px 0;display:none}.linkman a{display:block;border:1px solid #ddd;margin-right:10px}.company-face .triangle{width:0;height:0;border-width:12px;border-style:solid solid dashed dashed;border-color:transparent;position:relative;float:right;margin:-61px -1px 0 0;display:none}.company-face .triangle .icon{font-size:10px;color:#fff;position:relative;top:-16px;*top:-10px;right:0;display:none}.ignore .triangle .icon{*top:-21px;*display:inline}.accept .triangle .icon:first-child,.ignore .triangle .icon:last-child{display:inline-block;*display:inline}.accept .triangle{border-color:#66BE8C #66BE8C transparent transparent;display:block}.ignore .triangle{border-color:#ccc #ccc transparent transparent;display:block}.select-down{top:4px}