.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body {
  background: #1a1b1f;
}
p {
  margin: 0;
}
.aside_nav ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.aside_nav ul li {
  margin-bottom: 8px;
}
.aside_nav ul li a.nav {
  display: block;
  width: 239px;
  height: 80px;
  border: 1px solid transparent;
  background: url(../png/sidebar_sprites.png) no-repeat;
}
.aside_nav ul li a.nav_hover:hover {
  border-color: #02baf6;
}
.aside_nav ul li a.nav_sp {
  cursor: default;
  background-position: -3px -2px;
}
.aside_nav ul li a.nav01 {
  background-position: -3px -92px;
}
.aside_nav ul li a.nav02 {
  background-position: -3px -182px;
}
.aside_nav ul li a.nav03 {
  background-position: -3px -272px;
}
.aside_nav ul li a.nav04 {
  background-position: -3px -362px;
}
.aside_nav ul li a.nav05 {
  background-position: -3px -452px;
}
.aside_nav ul li a.nav06 {
  background-position: -3px -542px;
}
.aside_nav ul li.sidebar_info {
  margin: 0;
  margin-left: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 18px 12px 0 9px;
  width: 240px;
  height: 280px;
  background: #363e47;
}
.aside_nav ul li.sidebar_info p.info {
  font-size: 14px;
  color: rgb(245, 245, 245);
  line-height: 24px;
}
.aside_nav ul li.sidebar_info p.info1 {
  color: #f74e4e;
}
.aside_nav ul li.sidebar_info div.qr_code_box {
  margin-top: 14px;
}
.aside_nav ul li.sidebar_info div.qr_code_box .qr_code {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 7px;
  background: url('../png/41fbf8c8-01ed-4998-b98c-0df14aed59fc.png')
    0px 0 no-repeat;
}
.aside_nav ul li.sidebar_info div.qr_code_box .right_text {
  width: 122px;
  height: 90px;
  float: left;
}
.aside_nav ul li.sidebar_info div.qr_code_box .right_text p {
  font-size: 12px;
  color: rgb(245, 245, 245);
  line-height: 18px;
}
.aside_nav ul li.sidebar_info div.qr_code_box .right_text p a {
  color: #379be9;
  text-decoration: none;
}
.aside_nav ul li.sidebar_info .other_ways .other_ways_style {
  width: 220px;
  color: #495159;
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  margin: 14px 0;
  border-top: 1px solid #495159;
  border-bottom: 1px solid #495159;
}
.aside_nav ul li.sidebar_info .other_ways .other_ways_info p {
  font-size: 12px;
  color: rgb(245, 245, 245);
  padding-left: 14px;
  margin-bottom: 10px;
}
.aside_nav ul li.sidebar_info .other_ways .other_ways_info p a {
  color: rgb(245, 245, 245);
  text-decoration: underline;
}
.aside_nav
  ul
  li.sidebar_info
  .other_ways
  .other_ways_info
  .contact_ways
  a.link_box {
  display: block;
  position: relative;
  float: left;
  padding-left: 30px;
  width: 50px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: rgb(245, 245, 245);
  text-decoration: none;
}
.aside_nav
  ul
  li.sidebar_info
  .other_ways
  .other_ways_info
  .contact_ways
  a.link_sina {
  margin-left: 10px;
  margin-right: 20px;
}
.aside_nav
  ul
  li.sidebar_info
  .other_ways
  .other_ways_info
  .contact_ways
  a.link_box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: url(../png/sidebar_sprites.png) no-repeat;
  width: 30px;
  height: 20px;
}
.aside_nav
  ul
  li.sidebar_info
  .other_ways
  .other_ways_info
  .contact_ways
  a.link_sina::before {
  background-position: 4px -738px;
}
.aside_nav
  ul
  li.sidebar_info
  .other_ways
  .other_ways_info
  .contact_ways
  a.link_tencent::before {
  background-position: -36px -738px;
}
.aside_nav
  ul
  li.sidebar_info
  .other_ways
  .other_ways_info
  .contact_ways
  a.link_tencent::before {
  background: url('../png/2f3a5899-5603-4f27-a04c-0eafa11979a3.png')
    no-repeat 0 0;
  background-size: auto 100%;
  height: 16px;
  top: 2px;
  left: 6px;
}