.qa-wrapper{}.qa-notice{background: #5f6caf26;color:#333;padding:8px 10px;font-size:14px;border-left:4px solid #5f6caf;margin-bottom:20px}.qa-wrapper .top-nav{margin:20px 0;clear:both;display:block}.qa-wrapper .nav-left{border-radius:3px;float:left}.qa-wrapper .nav-left .item{padding:5px 10px;background:#5f6caf none repeat scroll 0 0;display:inline-block;vertical-align:top;float:left;border-right:1px solid rgba(0,0,0,.07);position:relative;color:#fff;cursor:pointer}.qa-wrapper .nav-left .item.active{background:#4e588e}.qa-wrapper .nav-left .item:last-child{border-right:none}.qa-wrapper .nav-left a{text-decoration:none;font-size:12px;color:#fff}.nav-left .child{position:absolute;top:34px;left:0;background:#5f6caf;padding:12px;width:250px;font-size:12px;box-shadow:0 4px 9px 2px rgba(0,0,0,.1);display:none;z-index:100}.qa-wrapper .nav-left .item:hover .child{display:block}.qa-wrapper .nav-left .item.search{padding-left:20px;padding-right:20px;cursor:pointer;line-height:24px}.qa-wrapper .nav-left .item.search:hover .question-search{display:block}.qa-wrapper .question-search{position:absolute;top:34px;left:0;background:#fff;padding:12px;width:250px;font-size:12px;box-shadow:0 4px 9px 2px rgba(0,0,0,.1);display:none;z-index:100}.qa-wrapper .question-search .form-field{margin-bottom:20px;color:#333}.qa-wrapper .question-search .form-field:last-child{margin-bottom:0}.qa-wrapper .question-search select,.qa-wrapper .question-search input[type="submit"]{width:100%}.qa-wrapper .question-search input[type="text"]{width:94%}.qa-wrapper .item.qa-menu:hover .qa-menu-wrap{display:block}.qa-wrapper .qa-menu-wrap{position:absolute;top:34px;left:0;background:#fff;padding:12px;width:250px;font-size:12px;box-shadow:0 4px 9px 2px rgba(0,0,0,.1);display:none;z-index:100}.qa-wrapper .nav-right{float:right;vertical-align:text-bottom}.qa-wrapper .nav-right .item{display:inline-block;float:right;border:1px solid rgba(0,0,0,.07)}.qa-wrapper .nav-right .item.notifications{background:#5f6caf none repeat scroll 0 0;padding:4px 10px;color:#fff;cursor:pointer;line-height:24px}.qa-wrapper .notifications .count{position:absolute;top:-10px;left:-17px;padding:2px 7px;background:#ff6361 none repeat scroll 0 0;border-radius:3px;color:#fff;font-size:12px;line-height:normal}.qa-wrapper .nav-right .item.ask-question{background:#5f6caf none repeat scroll 0 0;padding:4px 10px}.qa-wrapper .nav-right .item.ask-question a{text-decoration:none;font-size:12px;color:#fff}.qa-wrapper .nav-right .notifications{position:relative}.qa-wrapper .nav-right .item.notifications:hover .notification-wrapper{display:block}.qa-wrapper .nav-right .notification-wrapper{position:absolute;right:0;width:350px;background:#fff;font-size:12px;box-shadow:0 2px 9px 2px rgba(0,0,0,.1);padding:0;display:none;z-index:100}.qa-wrapper .nav-right .notification-list-top{padding:5px 0 5px 0;color:#333;border-bottom:1px solid #ddd}.qa-wrapper .nav-right .notification-list-top span{margin:0;border-right:1px solid #ddd;padding:0 8px;font-size:13px}.qa-wrapper .nav-right .notification-list-top span:last-child{border-right:1px solid rgba(0,0,0,0)}.qa-wrapper .nav-right .notification-list-bottom{padding-top:10px;box-shadow:0 -6px 7px 0 rgba(148,148,148,.2)}.qa-wrapper .nav-right .notification-list{max-height:300px;overflow:hidden;overflow-y:scroll}.qa-wrapper .nav-right .notification-list .item{margin-bottom:10px;border-bottom:1px solid #ddd;margin:0;clear:both;padding:10px;color:#333}.qa-wrapper .nav-right .notification-list .item.unread{background: #5f6caf26}.qa-wrapper .nav-right .notification-list .item img{float:left;margin-right:15px;border-radius:50px;padding:0;width:40px;height:auto}.qa-wrapper .nav-right .notification-list .item a{text-decoration:none;color:#5f6caf}.qa-wrapper .nav-right .notification-list .item .meta{text-align:right;font-size:10px;float:right}.qa-wrapper .nav-right .notification-list .item .meta .notify-time{}.qa-wrapper .nav-right .notification-list .item .meta .notify-mark{display:inline-block;background:#5f6caf none repeat scroll 0 0;cursor:pointer;margin-left:10px;color:#fff;border-radius:50px;width:25px;height:25px;text-align:center}.qa-wrapper .nav-right .notification-list .item:last-child{border-bottom:none}.qa-wrapper .load-notifications{background:#5f6caf none repeat scroll 0 0;text-align:center;padding:5px 0;text-transform:uppercase;cursor:pointer}.qa-wrapper .mark-all-read{cursor:pointer}.qa-wrapper .load-notifications.loading{}.qa-wrapper .load-notifications .spinner{margin:0 10px;display:none}.qa-wrapper .load-notifications.loading .spinner{margin:0 10px;display:inline}