@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;
  */
  background: #172345;
  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: 16px; }
      body section.list table thead {
        font-size: 18px;
        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: 50%;
        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 */
.record-item {
	float:left;
	width: 50%;	
}

.record-item {
	float:left;
	width: 50%;	
}

.record-item-score {
	float:left;
	width: 20%;	
}

.record-item-time {
	float:left;
	width: 30%;	
}

.score-list {
}

.score-list .score-item {
	height: 50px;
	
	border: 0px;
	
	line-height: 38px;
    border-bottom: 1px dashed #fff;
}

.score-list .clearfix {
	height: 0px;	
}

#pt-main {
	margin-left: 50px;
}

.main-left {
	float:left;
	width: 24%;
}

.main-center {
	float:left;
	width: 52%;
}

.main-right {
	float:left;
	width: 24%;
}

.data-box {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #2c58a6;
    position: relative;
    box-shadow: 0 0 10px #2c58a6;
}

.data-box .line-box {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.data-box .line-box i.t-l-line {
    height: 5px;
    width: 26px;
    left: -3px;
    top: -3px;
}
.data-box .line-box i.l-t-line {
    width: 5px;
    height: 24px;
    left: -3px;
    top: -3px;
}
.data-box .line-box i.t-r-line {
    height: 5px;
    width: 26px;
    right: -3px;
    top: -3px;
}
.data-box .line-box i.r-t-line {
    width: 5px;
    height: 24px;
    right: -3px;
    top: -3px;
}
.data-box .line-box i.l-b-line {
    width: 5px;
    height: 24px;
    left: -3px;
    bottom: -3px;
}
.data-box .line-box i.b-l-line {
    height: 5px;
    width: 26px;
    left: -3px;
    bottom: -3px;
}
.data-box .line-box i.r-b-line {
    width: 5px;
    height: 24px;
    right: -3px;
    bottom: -3px;
}
.data-box .line-box i.b-r-line {
    height: 5px;
    width: 26px;
    right: -3px;
    bottom: -3px;
}
.data-box .line-box i {
    background-color: #4788fb;
    box-shadow: 0 0 10px #4788fb;
    position: absolute;
}
.data-box .in-title {
    width: 100%;
    height: 40px;
    color: #61d2f7;
    padding: 10px 10px 10px 20px;
    font-weight: 700;
    font-size: 1.7rem;
    margin-top: 10px;
    z-index: 1000;
}
.data-box .chart {
    position: relative;
    width: 100%;
    height: calc(100% - 50px);
    z-index: 1;
}