@import nib
@import "./pop-old"
@import "./authbox"
@import "./report"
$bg_header
  background-image: url(i/header.png)
  background-repeat: no-repeat


.pp_msg
    padding: 10px 15px
    width: 110px
    z-index: 552

.header-bar .pp_msg
    left: 0
    top: 28px
.pop-msg-item
    float: left
    width: auto !important
    padding: 20px

.pop-msg-item a
    color: #66c

.pop-msg-item a:hover
    color: #fff
    background: #66c

.pop-msg-item .dialog-cont
    margin: 0


.header-bar
  z-index: 1000

.header-bar .hd-menu
  z-index: 1001

.header-bar .drop-menu
  z-index: 555

.header-bar .inner,.footer
  width: 960px
  margin: 0 auto
  font-family: Tahoma, sans-serif

.header-bar
  @extend $bg_header
  width: 100%
  min-width: 960px
  height: 30px
  background-position: 0 0
  background-repeat: repeat-x
  overflow: visible

.header-bar .inner
  line-height: 28px
  line-height: 29pxunquote("\9")
  color: #999

.header-bar a
  color: #61646E

.header-bar a:hover
  color: #C00

.header-bar a:hover
  text-decoration: underline

.header-bar .i-mobile
  padding: 7px 0 1px 15px
  background-position: -80px -478px

.header-bar .i-mobile a
  font-weight: bold
  color: #F60

.hd-menu
  line-height: 14px
  color: #999
  position: relative

.hd-menu .mi
  @extend $bg_header

.hd-menu .mi,.header-bar .tagline
  float: left
  padding-left: 8px
  padding-top: 7px
  padding-top: 9pxunquote("\9")
  background-position: -169px -451px

.hd-menu a,.hd-menu .item
  float: left
  padding-right: 7px

.hd-menu .first,.header .menu .first
  background: none

.header-bar .i-mobile
  @extend $bg_header
  padding: 7px 0 1px 15px
  background-position: -80px -478px

.header-bar .i-mobile a
  font-weight: bold
  color: #F60

.header-bar .drop-wrap
  zoom: 1
  position: relative
  padding-top: 3px
  margin-right: -1px
  padding-left: 0

.header-bar .drop-menu
  zoom: 1
  position: relative
  height: 18px
  height: 17pxunquote("\9")
  padding: 4px 24px 3px 9px
  padding-top: 6pxunquote("\9")

.header-bar .drop-menu:hover
  text-decoration: none

.header-bar .active
  padding: 3px 23px 3px 8px
  border: 1px solid #F8CFA5
  border-bottom-color: #FFF
  background: #FFF
  padding-top: 5pxunquote("\9")

.header-bar .drop-icon
  @extend $bg_header
  display: block
  position: absolute
  right: 7px
  top: 5px
  width: 13px
  height: 13px
  background-position: -97px -450px
  cursor: pointer

.header-bar .active .drop-icon
  right: 6px
  top: 4px

.header-bar .user-action
  float: left

.header-bar .user-signup
  padding-left: 4px
  background: none

.header-bar .user-logged .greeting
  padding-right: 0

.header-bar .user-action em
  color: #C00

.header-bar .i-msg .drop-menu
  padding-right: 10px

.header-bar .i-msg .active
  padding-right: 9px

.header-bar .i-msg .drop-menu span
  margin-left: 2px
  padding: 0 4px
  font-size: 11px
  color: #FFF
  border-radius: 3px
  background: #E71600

.header .user-action
  float: right
  margin-left: -100px
  color: #DEDEDE

.header .user-action .no-devide
  background: none

.header-bar .quick-menu
  float: right
  margin-left: -100px

.header-bar .quick-menu .last
  margin-right: 0

.header-bar .tagline
  padding-left: 0
  line-height: 14px

.J_auto-load,
.J_lazy-load
  display: none
  position: absolute

.pop-panel_list li a
  @extend $bg_header
  padding-left: 3px
  background-position: -169px -418px
  *background-position: -169px -420px

.pop-panel_list li a:hover
  @extend $bg_header
  background-position: -169px -438px
  *background-position: -169px -440px

.pp_msg strong
  margin-right: 7px
  color: #C00

.pp_msg a
  float: none
  color: #6666CC
  background: none !important

.pp_msg a.c-gray
  color: #999
  text-decoration: underline
  width: auto

.pp_msg li a.c-gray:hover
  color: #CC0000
  background: none !important

.pp_group-nav
  width: 90px

.pp-msg_list
  padding: 1px
  width: 138px
  z-index: 552
  left: 0
  top: 28px

.pp-msg_list li
  margin-bottom: 0
  line-height: 1.5

.pp-msg_list li a
  width: 128px
  padding: 4px 0 4px 10px
  text-align: left
  color: #666
  display: inline-block
  *display: inline
  overflow: hidden
  zoom: 1
  vertical-align: middle

.pp-msg_list li a:hover
  background-color: #EBEBFF !important
  color: #666
  text-decoration: none

.pp_user-center
  padding-right: 0
  width: 70px
  top: 25px

.header-bar .pp_user-center
  left: 0

.pp_user-center li
  margin-bottom: 3px

.pp_user-center li a
  float: none
  line-height: 18px