.container{
  /*display: flex;*/
  /*flex-direction: column; !*用于设置一个弹性盒子的主轴方向*!*/
  height: 95vh;
}
.one{
  height: 4%;
  width: 100%;
}
.one span{
  font-weight: bold;
  font-size: 20px;
}
.two{
  height: 40%;
  width: 100%;
}
.two table{
  height: 100%;
  width: 100%;
  border-collapse: separate;
  border-spacing: 20px; /* 设置边框间距为10px */
}
.two table td .daiban{
  height: 100%;
  width: 100%;
  background-color: #fff;
}
.two table td .daiban div:nth-child(1){
  margin-left: 2%;
  font-weight: bold;
  font-size: 18px;
  padding-top: 10px;
}
.two table td .daiban div:nth-child(2){
  margin-left: 2%;
  color: #0000FF;
  font-size: 40px;
  padding-top: 10px;
}
.two table td .daiban div:nth-child(3){
  margin-left: 2%;
  color: #E3E3E3;
  font-size: 18px;
  padding-top: 10px;
}
.three{
  height: 50%;
  width: 100%;
}
.three-one{
  float: left;
  width: 70%;
  height: 100%;
  background-color: #fff;
  margin-left: 20px;
}
.three-two{
  float: left;
  width: 26%;
  height: 100%;
  background-color: #fff;
  margin-left: 1%;
  padding-left: 10px;
}
.three-one div:nth-child(1){
  margin-top: 1%;
  margin-left: 2%;
  height: 10%;
}
.three-one div:nth-child(2){
  height: 90%;
}
.three-one span{
  font-weight: bold;
  font-size: 20px;
}
.three-two span{
  font-weight: bold;
  font-size: 20px;
}
.three-one button:nth-child(2){
  float: right;
  width: 80px;
}
.three-one button:nth-child(3){
  float: right;
  margin-right: 20px;
  width: 80px;
}
.three-two div:nth-child(1){
  margin-top: 2%;
  margin-left: 2%;
  height: 10%;
}
.three-two div:nth-child(2){
  width: 100%;
  height: 90%;
}
.four{
  height: 60%;
  width: 97.5%;
  margin-top: 1%;
}
.four-one{
  width: 100%;
  height: 10%;
  background-color: #fff;
  margin-left: 20px;
}
.four-two{
  width: 100%;
  height: 90%;
  background-color: #fff;
  margin-left: 20px;
}
.four-one div{
  height: 58%;
  margin-left: 2%;
  padding-top: 1%;
}
.four-one span{
  font-weight: bold;
  font-size: 20px;
}