*{
    margin: 0;
    padding:0;
    box-sizing: border-box;
}
p{
  margin:0;
}
html,
body {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding:0;
  #app {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
  }
}
.flex1{
  display:flex;
}
.flex-s-b{
  justify-content: space-between;
}
.live_status{
  width:55px;
  padding:3px;
  text-align: right;
  background-color: #F12742;
  position: relative;
  font-size: 12px;
  border-radius: 5px;
  color: #fff;
}
.live_status::before{
 width:10px;
 height:10px;
 position: absolute;
 content:'';
 background: url("@/assets/img/live.png") no-repeat;
 background-size: 100% 100%;
 top:6px;
 left: 3px;

}
.live_coming {
  width:55px;
  padding:3px;
  text-align: center;
  font-size: 12px;
  border-radius: 5px;
  background-image: linear-gradient(to left, #EFBE26, #F58C05);
  color: #fff;
}

.live_review {
  width:55px;
  padding:3px;
  text-align: center;
  font-size: 12px;
  border-radius: 5px;
  background-image: linear-gradient(to left, #4BB4FB, #1678ED);
  color: #fff;
}
// @media screen and (min-width: 1024px) {
//   .page {
//     width: 920px;
//     margin: 0 auto;
//     // border:1px solid red;
//     overflow: hidden;
//   }
 
// }