body {
	margin: 0;
  }
  .fullcontent {
	position: relative;
	width: 100%;
	height: auto;
	background: url('../imgs/bg.png') no-repeat;
	background-size: cover;
  }
  .event {
	position: relative;
	width: 100%;
	height: max-content;
	/*border: 5px solid blue;*/
  }
  .event .bang {
	display: inline-block;
	vertical-align: top;
	width: 66%;
  }
  @media (max-width: 1200px) {
	.event .bang {
	  margin-top: 5vh;
	  width: 100%;
	}
  }
  .event .countdown {
	position: absolute;
	display: inline-block;
	width: 33%;
	top: 40%;
  }
  @media (max-width: 1200px) {
	.event .countdown {
	  position: unset;
	  width: 100%;
	  margin-top: 10px;
	}
  }
  .event .countdown .txt {
	position: relative;
	top: 30%;
	width: 100%;
	height: auto;
	vertical-align: middle;
	font-size: large;
	text-align: center;
	color: #fff;
  }
  .event .countdown .holiday {
	position: relative;
	color: white;
	top: 40%;
	text-align: center;
	font-size: 40px;
	vertical-align: middle;
	margin-top: 25px;
	font-weight: 200;
	animation: fade-in 1.5s ease-in;
  }
  .event .countdown .holiday .CountDown_Number {
	display: inline-block;
	width: 50px;
	background-color: #66ccff;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
  }
  .event .countdown .holiday #day,
  .event .countdown #hour,
  .event .countdown #minute,
  .event .countdown #second {
	width: fit-content !important;
  }
  .event .countdown .holiday .split {
	margin: -15px;
  }
  .event .countdown .holiday .Tian_char {
	font-weight: 500 !important;
	font-size: 80px;
  }
  .event .countdown .holiday .split {
	animation: fade-in 1.5s ease-in;
	-webkit-animation: fade-in 1.5s ease-in;
  }
  .information {
	position: relative;
	width: 100%;
	height: max-content;
	top: 100%;
  }
  @media (max-width: 1200px) {
	.information {
	  display: flex;
	  flex-direction: column;
	}
	.information .sponsors {
	  order: 2;
	}
	.information .credits {
	  order: 1;
	  margin-top: 25px;
	}
  }
  @media screen and (orientation: portrait) {
	.information {
	  /*竖屏*/
	}
	.information .sponsors {
	  display: inline-block;
	  vertical-align: top;
	  width: 65%;
	  margin-top: 3%;
	}
	.information .sponsors .sponsorheaders1 {
	  margin-left: 10%;
	  display: inline-block;
	  width: 15%;
	}
	.information .sponsors .sponsorheaders2 {
	  display: inline-block;
	  margin-left: 20%;
	  width: 15%;
	}
	.information .sponsors .zb {
	  width: 50%;
	}
	.information .sponsors .qlzc {
	  width: 100%;
	}
	.information .sponsors .sp {
	  width: 100%;
	}
	.information .sponsors .sponsorheaders3 {
	  display: inline-block;
	  margin-left: 15%;
	  width: 15%;
	}
	.information .sponsors .sponsorlogos {
	  margin: 0;
	  display: inline-block;
	  width: 23%;
	}
	.information .sponsors .sponsorlogos .daodi {
	  width: 55%;
	}
	.information .sponsors .sponsorlogos .staging {
	  width: 100%;
	  margin-right: 25px;
	}
	.information .sponsors .sponsorlogos .xnq {
	  margin-right: 25px;
	  width: 55%;
	}
	.information .sponsors .sponsorlogos .pf {
	  margin-right: 10px;
	  width: 85%;
	}
  }
  @media screen and (orientation: portrait) and (max-width: 1200px) {
	.information .sponsors {
	  position: relative;
	  width: 90%;
	  margin-bottom: 10%;
	  margin-left: 5%;
	}
  }
  @media screen and (orientation: landscape) {
	.information {
	  /*橫屏css*/
	}
	.information .sponsors {
	  display: inline-block;
	  vertical-align: top;
	  width: 59%;
	  margin-top: 5%;
	}
	.information .sponsors .sponsorheaders1 {
	  margin-left: 20%;
	  display: inline-block;
	  width: 10%;
	}
	.information .sponsors .sponsorheaders2 {
	  display: inline-block;
	  margin-left: 21%;
	  width: 10%;
	}
	.information .sponsors .zb {
	  width: 50%;
	}
	.information .sponsors .qlzc {
	  width: 100%;
	}
	.information .sponsors .sp {
	  width: 100%;
	}
	.information .sponsors .sponsorheaders3 {
	  display: inline-block;
	  margin-left: 18%;
	  width: 10%;
	}
	.information .sponsors .sponsorlogos {
	  margin-left: 4%;
	  display: inline-block;
	  width: 20%;
	}
	.information .sponsors .sponsorlogos .daodi {
	  width: 35%;
	}
	.information .sponsors .sponsorlogos .staging {
	  width: 70%;
	}
	.information .sponsors .sponsorlogos .xnq {
	  width: 55%;
	}
	.information .sponsors .sponsorlogos .pf {
	  width: 75%;
	}
  }
  @media screen and (orientation: landscape) and (max-width: 1200px) {
	.information .sponsors {
	  position: relative;
	  width: 90%;
	  margin-bottom: 10%;
	  margin-left: 5%;
	}
  }
  .information .credits {
	display: inline-block;
	vertical-align: top;
	width: 36%;
	text-align: center;
  }
  @media (max-width: 1200px) {
	.information .credits {
	  position: relative;
	  width: 90%;
	  margin-left: 5%;
	}
  }
  .information .credits .addanddate {
	align: center;
	width: 100%;
  }
  .information .credits .workers {
	margin-top: 10px;
	align: center;
	width: 80%;
  }
  .icons {
	position: absolute;
	margin-left: auto;
	top: 1%;
	right: 1%;
	z-index: 2;
  }
  .fb,
  .ig {
	width: 5vw;
  }
  @media (max-width: 1200px) {
	.fb,
	.ig {
	  width: 10vw;
	}
  }