.logo {
  float: left;
  padding-top: 15px;
  font-size: 24px
}

.logo a {
  display: block;
  width: 259px;
  height: 28px;
  overflow: hidden;
  text-decoration: none;
  line-height: 999em;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='鍥惧眰_1' xmlns='' x='0' y='0' viewBox='0 0 185.4 47' xml:space='preserve'%3e%3cstyle%3e.st1%7bfill:%235e5e5e%7d%3c/style%3e%3cpath d='M50.4 20c-1.8 3-4.8 5.3-8.5 6.3-.1 0-.2.1-.3.1-.6.2-1.1.3-1.7.3-2.5 0-3.9-1.7-3.2-3.8.6-1.5 2-2.8 3.8-3.4 2.8-1 4.7-3.3 4.7-6 0-3.6-3.5-6.5-7.8-6.5s-7.8 2.9-7.8 6.5v20c0 4.8-2.8 9-7 11.4-2.3 1.3-5 2.1-7.8 2.1C6.6 47 0 40.9 0 33.5c0-2.4.7-4.6 1.9-6.5 1.8-3 4.9-5.3 8.5-6.3.6-.2 1.3-.3 1.9-.3 2.5 0 3.9 1.7 3.2 3.8-.5 1.4-1.9 2.6-3.5 3.3-.2.1-.4.1-.6.2-2.7 1-4.4 3.2-4.4 5.8 0 3.6 3.5 6.5 7.8 6.5s7.8-2.9 7.8-6.5v-20c0-4.8 2.8-9 7-11.4C31.9.8 34.6 0 37.4 0c8.2 0 14.8 6.1 14.8 13.5 0 2.4-.7 4.6-1.8 6.5z' fill='%236467ef'/%3e%3cpath class='st1' d='M172.2 9.9c-.7-1.4-1.6-3.3-2.1-4.3l-2.9.9 1.7 3.3h-14.5v12.4c0 8.4-.6 12.2-4 17.7l2.6 1.4c3.5-6 4.3-9.7 4.3-19.3v-9.4h28.1V9.9h-13.2z'/%3e%3cpath class='st1' d='M173.8 25.1l-.5-.3c2.6-1.6 8-5.1 9.5-6.1V16h-22.6v2.6h18.1c-1.5 1-5.1 3.3-7.3 4.6-2.1-1.4-4.4-3-5.9-3.9l-1.8 1.9c1.6 1.1 4.4 2.9 6.7 4.4h-11.7v2.7h11.9V36c0 2.1-.5 2.4-3 2.4h-4.5l.5 2.7h4.5c3.9 0 5.3-.9 5.3-4.5v-8.3h8.6l-3.4 5.5 2.6 1.1 3.8-6.7v-2.6H173l.8-.5zM142.2 8.4h-17.5v10.4h17.5V8.4zm-2.9 8h-11.9V11h11.9v5.4zM123.8 28.6c-1.2-1.5-3.7-4.3-4.7-5.4l-1.1 1V20h5v-2.8h-5v-5.8c1.9-.4 3.8-.8 5.3-1.2l-.6-2.7c-3.5 1-9.1 2-12.6 2.5l.3 2.7c1.4-.2 3.2-.5 5-.8v5.3H110V20h5.2c-1.2 3.9-3.3 8.3-5.9 12l1.7 2.4c1.7-2.5 3.2-5.5 4.4-8.5v15.5h2.6V25.6c1.2 1.4 2.9 3.5 3.8 4.7l2-1.7z'/%3e%3cpath class='st1' d='M134.8 32.2h8v-2.6h-8v-4.5h9v-2.6h-20.4v2.6h8.6v4.5h-8v2.6h8v4.4h-10.7v2.8H145v-2.8h-10.2z'/%3e%3cg%3e%3cpath class='st1' d='M92.4 14.5c2.4 5.1 6.9 15.1 8.9 20.3l3.1-1.3c-2-4.8-6.9-15.5-9.2-20.2l-2.8 1.2zM75.6 13.5c-1.3 5.9-4.4 14-7.5 19.6l2.8 1.4c3.1-5.8 6.1-13.7 7.7-20.3l-3-.7zM84.9 34c0 2.6-.4 3.2-3.2 3.2h-4.9l.7 3.1h5c4.4 0 5.6-1.2 5.6-5.4V6.8H85L84.9 34z'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat !important;
  background-size: contain !important
}

.head_box {
  padding: 0 40px;
  position: relative;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(150, 150, 150, 0.3)
}

.head_box a {
  color: #353535;
  cursor: pointer
}

.head_box a:hover {
  text-decoration: none
}

.head_box .header_main {
  display: inline-block
}

.head_box .header_title,
.head_box .header_sub_title {
  display: inline-block;
  color: #353535;
  font-size: 18px;
  font-weight: 400;
  height: 60px;
  line-height: 60px
}

.head_box .header_logo {
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  margin-right: 10px;
  background-size: cover
}

.head_box .header_title:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  border-right: 1px solid #353535
}

.head_box .header_sub_title {
  padding: 0 20px
}

.head_box .header_ctrls {
  position: absolute;
  right: 40px;
  display: inline-block;
  font-size: 16px;
  z-index: 9
}

.head_box .header_ctrls_meta {
  display: inline-block;
  vertical-align: middle;
  padding-left: 40px
}

.head_box .top_nav {
  margin-right: -15px
}

.head_box .top_nav .top_nav_item {
  display: inline-block;
  box-sizing: border-box;
  height: 60px
}

.head_box .top_nav .top_nav_item.selected {
  border-bottom: 4px solid #1aad19
}

.head_box .top_nav .top_nav_item.selected:hover {
  border-bottom: 4px solid #1aad19
}

.head_box .top_nav .top_nav_item:hover {
  border-bottom: 4px solid #a0a3ab
}

.head_box .top_nav a {
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  display: inline-block
}

.head_box .top_notice_box {
  position: relative
}

.head_box .top_user_box .user_avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  background-size: cover;
  vertical-align: middle
}

.head_box .top_user_box .user_name {
  vertical-align: middle
}

.head_box .top_user_box .skin_pop {
  position: absolute;
  top: 60px;
  right: -22px;
  font-size: 14px;
  width: 150px;
  text-align: center;
  display: none
}

.head_box .top_user_box .skin_pop .user_name {
  display: inline-block;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%
}

.head_box .top_user_box .skin_pop_bd {
  padding: 12px 15px
}

.head_box .top_user_box .icon_skin_pop_arrow {
  right: 15px
}

.head_box .top_user_box .top_user_switch {
  display: inline-block;
  vertical-align: middle;
  line-height: 60px
}

.head_box .top_user_box:hover .skin_pop {
  display: block
}

.head_box .top_tools_box {
  position: relative
}

.head_box .top_tools_box .skin_pop {
  position: absolute;
  top: 24px;
  left: -12px;
  font-size: 14px;
  width: 150px;
  text-align: center;
  display: none;
  padding-top: 10px
}

.head_box .top_tools_box .skin_pop_bd {
  padding: 10px 0
}

.head_box .top_tools_box .skin_pop_bd a {
  display: block;
  padding: 10px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}

.head_box .top_tools_box .skin_pop_bd a:hover {
  background-color: #f6f8f9
}

.head_box .top_tools_box:hover .skin_pop {
  display: block
}

.icon_subscribe_label {
  background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/base/layout_head_z4c73eb.png) 0 0 no-repeat;
  width: 38px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
  line-height: 100px;
  overflow: hidden
}

.icon_service_label {
  background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/base/layout_head_z4c73eb.png) 0 -18px no-repeat;
  width: 38px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
  line-height: 100px;
  overflow: hidden
}

.icon_verify_label {
  width: 37px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
  line-height: 100px;
  overflow: hidden
}

.icon_verify_label.fail {
  background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/base/layout_head_z4c73eb.png) 0 -36px no-repeat
}

.icon_verify_label.success {
  background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/base/layout_head_z4c73eb.png) 0 -54px no-repeat
}

.icon_inbox {
  background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/base/layout_head_z_@all4c73eb.png) 0 0 no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  display: inline-block;
  line-height: 100px;
  overflow: hidden
}

.account {
  float: right;
  padding-top: 10px
}

.account_meta {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: bottom
}

.account_faq {
  padding-top: 18px
}

.account_line {
  font-weight: 400;
  font-style: normal;
  color: #8d8d8d;
  margin: 0 5px;
  position: relative;
  top: -1px;
  font-size: 12px
}

.account {
  font-size: 0
}

.account_meta {
  font-size: 14px
}

.account_meta_primary a {
  color: #353535
}

.account_meta_primary a:hover {
  color: #576b95
}

.account_info {
  position: relative;
  min-width: 80px
}

.account_info .avatar {
  position: absolute;
  top: 0;
  left: -50px;
  width: 38px;
  height: 38px;
  background-color: #f0f0f0
}

.account_info .type_wrp {
  position: absolute;
  top: 2px;
  left: 0
}

.account_info .type_wrp .type {
  vertical-align: top
}

.account_info .nickname {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  margin-top: 18px
}

.icon_dot_notices {
  margin: 0 8px;
  height: 18px;
  background-color: #ff5027;
  line-height: 17px;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: -4px;
  left: 11px
}

.icon_dot_notices_inner {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 -2px
}

.icon_dot_notices_left {
  position: absolute;
  left: -8px;
  top: 0;
  background: transparent url(/wxopenres/htmledition/images/icon/widget/account/icon_notice_dot_left32f740.png) no-repeat 0 0;
  width: 8px;
  height: 18px;
  vertical-align: middle;
  display: inline-block
}

.icon_dot_notices_right {
  position: absolute;
  right: -8px;
  top: 0;
  background: transparent url(/wxopenres/htmledition/images/icon/widget/account/icon_notice_dot_right32f740.png) no-repeat 0 0;
  width: 8px;
  height: 18px;
  vertical-align: middle;
  display: inline-block
}

@media(-webkit-min-device-pixel-ratio:2) {
  .icon_dot_notices_left {
    background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/base/layout_head_z_@24c73eb.png) 0 -26px no-repeat;
    background-size: 22px auto
  }

  .icon_dot_notices_right {
    background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/base/layout_head_z_@24c73eb.png) 0 -48px no-repeat;
    background-size: 22px auto
  }
}

.account_inbox_switch {
  position: relative
}

.account_message_box {
  position: absolute;
  top: 45px;
  right: -107px;
  z-index: 9
}

.account_message_box_inner {
  overflow: hidden;
  font-size: 14px
}

.account_message_arrow {
  right: 112px
}

.account_message_box_hd {
  line-height: 49px;
  padding: 0 15px;
  border-bottom: 1px solid #e7e7eb
}

.account_message_box_hd .global_info {
  font-size: 16px
}

.account_message_box_hd a {
  color: #576b95
}

.account_message_box_bd {
  padding: 0 15px;
  max-height: 300px;
  overflow-y: auto
}

.account_message_list {
  width: 360px
}

.account_message_item {
  padding: .8em 0;
  border-top: 1px solid #e7e7eb
}

.account_message_item:first-child {
  border-top-width: 0
}

.account_message_item.read .account_message_title a {
  color: #9a9a9a
}

.account_message_item.read .account_message_title a:hover {
  color: #9a9a9a
}

.account_message_desc,
.account_message_info {
  color: #9a9a9a;
  word-wrap: break-word;
  word-break: break-all
}

.account_message_desc {
  padding-top: .2em;
  cursor: pointer
}

.account_message_desc a {
  color: #576b95
}

.account_message_desc a:hover {
  text-decoration: underline
}

.account_message_info {
  padding-top: .6em;
  font-size: 13px
}

.account_message_opr {
  float: right
}

.account_message_opr a {
  color: #1aad19;
  margin-left: 1em
}

.account_message_opr a:hover {
  color: #1aad19
}

.account_message_title {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}

.account_message_title a:hover {
  color: #353535
}

.account_message_loading {
  border-top: 1px solid #e7e7eb
}

.account_logout a {
  display: inline-block;
  margin-left: 5px;
  line-height: 16px;
  margin-top: 18px;
  padding-left: 14px;
  border-left: 1px solid #e7e7eb
}

.account_faq a {
  display: inline-block
}

.dot_loading {
  padding: 9px 0;
  text-align: center
}

.icon_dot_loading {
  width: 7px;
  height: 7px;
  background-color: #c2c2c2;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  -webkit-animation-duration: 1.7s;
  animation-duration: 1.7s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.icon_dot_loading_left {
  -webkit-animation-name: dotLeft;
  animation-name: dotLeft
}

.icon_dot_loading_center {
  -webkit-animation-name: dotCenter;
  animation-name: dotCenter
}

.icon_dot_loading_right {
  -webkit-animation-name: dotRight;
  animation-name: dotRight
}

@-webkit-keyframes dotLeft {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }

  25% {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
  }

  50% {
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3
  }

  75% {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
  }

  100% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }
}

@-webkit-keyframes dotCenter {
  0% {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
  }

  25% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }

  50% {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
  }

  75% {
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3
  }

  100% {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
  }
}

@-webkit-keyframes dotRight {
  0% {
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3
  }

  25% {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
  }

  50% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }

  75% {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
  }

  100% {
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .icon_inbox {
    background: url(/wxopenres/zh_CN/htmledition/comm_htmledition/style/base/layout_head_z_@24c73eb.png) 0 0 no-repeat;
    background-size: 22px auto
  }
}