* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 默认背景色（电脑端） */
  background-color: #000000;
}
.responsive-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 70%;
  max-width: 100%;
  object-fit: contain;
}
/* 移动端适配 */
@media only screen and (max-width: 768px) {
  .container {
    /* 手机端背景色 */
    background-color: #2c457e;
  }
  .responsive-image {
    width: 50vw;
  }
}
.ribbon{
  position:absolute;
  background-color:#2c457e;
  width:100%;
  height:23.6%;
  top:38.2%;
  text-align: center;
}