js1.less

@charset "UTF-8";

@blue:#29bde0;
@white:#ffffff;
@gray:#f0f0f0;
@oranger:#fbb435;
@border:1px solid #d0d0d0;
@border1:1px solid @oranger;
@font-color:#787878;
@head-height: 80px;
body{
  margin: 0;
  background-color: @gray;
}

.head{
  background-color: @blue;
  height: @head-height;
  .mean{
    display: inline-block;
    width: 30px;
    height: 5px;
    border-top: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    background-color: #FFFFFF;
    padding: 5px 0;
    background-clip:content-box;
    margin-left: 10px;
    margin-top: 25px;

  }
}
.lastgame{
  line-height: @head-height;
  width: 80%;
  margin: 30px 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: @font-color;
  font-size: 20px;
  border: @border;
  background-color: @white;
  .lastgame2{
    float: right;
  }

}
.main{
  width: 80%;
  margin: auto;
  text-align: center;
  background-color: @white;
  .game{
    line-height: @head-height - 20px;
    color: @oranger;
    font-size: @head-height - 55px;
    border-bottom: @border1;
    margin-bottom: 20px;
  }
  .version{
    width: 80%;
    margin: auto;
    line-height: @head-height - 20px;
    background-color: @blue;
    color: @white;
    font-size: @head-height - 40px;
    a{
      color: @white;
      text-decoration: none;
    }
  }
  .num{
    line-height: @head-height - 50px;
    color: #787878;
    font-size: @head-height - 68px;
  }
  .round{
    height: @head-height - 50px;
    .round1{
      background-color: @blue;
    }
    span{
      display: inline-block;
      height: 12px;
      width: 12px;
      border-radius: 50%;
      background-color: @gray;
    }

  }
  .square{
    position: relative;
    left: 93%;
    bottom: 195px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #fbb435;
    border-bottom: 15px solid transparent;
  }
}