@import url("./normalize.css");
@import url("http://at.alicdn.com/t/font_403641_d9j6wsf1clpfzuxr.css");
* {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-underline: none; }

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden; }

html, body {
  width: 100%;
  height: auto;
  min-height: 100%;
  font-family: 'PingFang SC','Microsoft Yahei','Droid Sans', Helvetica, Arial, sans-serif; }

body {
  background: url("../img/bg.png") no-repeat 0 0/cover;
  padding: 105px 105px 75px 10px; }
  body header {
    width: 100%;
    height: 90px;
    line-height: 90px;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 30px; }
    body header h1 {
      font-weight: normal;
      font-size: 33px;
      margin: 0; }
      body header h1 .icon {
        font-size: 44px; }
  body section.list {
    width: 90%;
    margin: 0 auto;
    height: 100%;
    overflow: auto;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    padding: 40px;
    padding-bottom: 5px;
     }
    body section.list table {
      width: 100%;
      text-align: center;
      border-collapse: collapse;
      color: #333;
      font-size: 22px; }
      body section.list table thead {
        font-size: 22px;
        color: #2296ec; }
        body section.list table thead th {
          padding: 5px 0;
          border-bottom: 1px solid #2296ec; }
      body section.list table tbody tr td {
        line-height: 38px;
        height: 38px;
        border-bottom: 1px dashed #999; }
      body section.list table tbody tr.fir td, body section.list table tbody tr.sec td, body section.list table tbody tr.thi td {
        line-height: 50px; }
        body section.list table tbody tr.fir td .icon, body section.list table tbody tr.sec td .icon, body section.list table tbody tr.thi td .icon {
          font-size: 32px; }
  body section.detail {
    width: 90%;
    margin: 0 auto;
    height: 100%;
    overflow: auto;
    border-radius: 5px; }
    body section.detail .left {
      width: 40%;
      height: 100%;
      display: inline-block;
      float: left; }
      body section.detail .left li {
        height: 25%;
        padding: 10px 0; }
        body section.detail .left li div {
          background: rgba(255, 255, 255, 0.9);
          height: 100%;
          padding: 15px;
          border-radius: 3px; }
          body section.detail .left li div > * {
            height: 33%;
            display: table; }
            body section.detail .left li div > * * {
              display: table-cell;
              vertical-align: middle; }
          body section.detail .left li div h3 {
            font-size: 20px;
            line-height: 30px;
            font-weight: normal; }
            body section.detail .left li div h3 .icon {
              font-size: 24px;
              vertical-align: text-top; }
          body section.detail .left li div p {
            font-size: 18px;
            color: #666;
            overflow: hidden; }
            body section.detail .left li div p label {
              padding: 0 10px 0 30px; }
              body section.detail .left li div p label:nth-of-type(1) {
                padding-left: 0; }
            body section.detail .left li div p span {
              margin-left: 10px; }
    body section.detail .right {
      width: 50%;
      height: 100%;
      display: inline-block;
      float: right; }
      body section.detail .right li {
        height: 50%;
        padding: 10px 0; }
        body section.detail .right li div {
          background: black;
          height: 100%; }
  body footer {
    width: 100%;
    height: 70px;
    line-height: 70px;
    position: fixed;
    bottom: 0;
    left: 0;
    color: white; }
    body footer span {
      height: 3px;
      display: inline-block;
      background: white;
      margin-top: 10px; }
      body footer span.long-line {
        width: 70%;
        float: left; }
      body footer span.short-line {
        width: 10%;
        float: right; }
    body footer ul {
      width: 20%;
      display: inline-block; }
      body footer ul li {
        width: 25%;
        display: inline-block;
        text-align: center;
        float: left;
        vertical-align: top; }
        body footer ul li .iconfont {
          font-size: 26px; }

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