* {
  box-sizing: border-box; }

body, p, ul, ol, li, h1, h2, h3 {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none; }

img {
  vertical-align: middle; }

.t-c {
  text-align: center; }

.container {
  position: relative;
  width: 1200px;
  margin: 0 auto; }
  .container:after {
    content: '';
    display: block;
    clear: both; }

.cl:after {
  content: '';
  display: block;
  height: 0;
  clear: both; }

.lf {
  float: left; }

.rt {
  float: right; }

.c-base {
  color: #bee3ff; }

.c-white {
  color: #fff; }

.c-blue {
  color: #228bff; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.hide {
  display: none; }

.show {
  display: block; }

.hide-v {
  visibility: hidden; }

.show-v {
  visibility: visible; }

.header {
  background: #1B79E2; }
  .header .nav {
    line-height: 80px;
    margin-left: 100px; }
    .header .nav li {
      float: left;
      position: relative; }
      .header .nav li a {
        display: block;
        position: relative;
        padding: 0 20px;
        color: #bee3ff; }
        .header .nav li a:before {
          content: '';
          position: absolute;
          top: 34px;
          left: 0;
          height: 14px;
          width: 1px;
          background: #ddd; }
        .header .nav li a:hover {
          color: #f1f9ff; }
      .header .nav li:first-child a:before {
        width: 0; }
  .header .ser {
    float: left;
    margin-left: 30px;
    line-height: 80px;
    color: #bee3ff; }
  .header .icon {
    display: inline-block;
    width: 18px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNqclO0NgjAQhkvT/zKAPxiBEbqBuAEj4AaOwAawgTiBjMAGQnQANtArvE0u0BrbS9406cfT6931ksfrIzyWk06klDRDd9LIN+njOioHICM1pInUAWDnW9KTdGHzTlCOzSVpcFxi1gpcUHCYcmz0Qax1eJ4ZtZ2UbEOFxV8QawNgTlABj/41r0dim5E/vNqBMhFuI0pjB+ojYH3/Xr2SoF7x5mAQkrSAKgR5iAAtWSavSoVs5SLeauOZjIwN/2vLP5TbPxNrCrUwAKgDzpokdRQfMx4SaiMaNVEB2IbEBmcyG6MU3syBBWkunylOvWT00lNL2pPVGqp4G6nxpIbVU45NEzt8Y+umbM4YRcJabYrJjLm+7ZAF+18G2NlW+xVgACZmVKC1Ymi9AAAAAElFTkSuQmCC"); }
    .header .icon.icon-qq-o {
      position: relative;
      top: 5px; }

.footer {
  margin: 0 auto;
  background: #238BFF;
  padding: 20px 0;
  text-align: center;
  font-size: 12px; }
  .footer .c-copy {
    color: #cbe4ff; }

.aside {
  position: fixed;
  top: 50%;
  right: 10px;
  margin-top: -25px;
  font-size: 12px; }
  .aside .a-list li {
    padding: 5px;
    background: #58A7FF; }
    .aside .a-list li:hover {
      background: #81bcff; }
  .aside a {
    position: relative;
    display: block;
    color: #fff; }
    .aside a.a-icon {
      padding-top: 36px; }
      .aside a.a-icon:before {
        content: '';
        position: absolute;
        top: 4px;
        left: 10px;
        width: 28px;
        height: 28px; }
      .aside a.a-icon.a-icon-qq:before {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZlJREFUeNq8lj1Lw1AUhm9qiaClgghqUFDRgh84iHOlaAu6CzrpIAiCH+Do4CL+Af0HSunkIoXiIIiFjiJ0stCpSxQR3XTw+h64gRBym6TemxceSL/Ok6Q35x6Dc85CpA9sg2UwDcZBl/jsDTQEJVBpW4mEARTACw+Xb3ANLFm9IFkefPLoeQYTUYUZYPPOUwM9UYR3/P85Citc5WryBHrdtROStbTL1GQeLLjf8BN2g1lFQqo/GSQcAWmmLlNBwiUwoFC4ASyZMAnykhPpNNSVcjJhP1hk6mPKhGNgWIPw1a+XzkTomVFTAUn3gz8E6lxvjh2hAYpcf5ogRbIs7uwDiyf7tGg2WXzJkXAuRqGV8HSVD83CNAkN8WIL3GiQVEFRHNu0SnfAgXg8VjSsTqpvgirY89t8z8CPItk9GBR1zXY7flmRcN1b29tLaea8BRlF/985OBW7kO9ceqmpy5zIrrAR8sy/QB20Qn7fdg4Mz6hP4/shWBO31/L8kASP4ALUwCgogKwYTWhrS4Ff8C4u4AqUnQJ/AgwA61P8EQI+Ho0AAAAASUVORK5CYII="); }

/*# sourceMappingURL=common.css.map */