html,
body,
#page {
  width: 100%;
  height: 100%;
}
#page {
  position: relative;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
}
body {
  font-weight: 500;
  font-family: Microsoft YaHei, Arial, "黑体", "宋体", sans-serif;
}
.nosign {
  opacity: 0.6;
}
.red #index {
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-size: 0.19rem;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-weight: 500;
  padding: 0 1.2rem;
  background: url('../image/bg6.png') no-repeat center / 100% 100%;
}
.red #index header {
  padding: 0.5rem 0 0.2rem;
  height: 15%;
}
.red #index header h1 {
  font-size: 0.48rem;
  height: 0.6rem;
  font-weight: 500;
  display: inline-block;
}
.red #index header div {
  margin-top: 0.13rem;
  width: 4.6rem;
  height: 0.04rem;
  background-image: linear-gradient(to right, #e3bdb5, #fff);
}
.red #index header span {
  display: inline-block;
  width: 0.2rem;
  height: 0.35rem;
  background: white;
}
.red #index header .RedBlock {
  margin: 0 0.1rem 0 0.2rem;
  background: #c88083;
}
.red #index .MeetingInfor {
  margin: 2rem 1.5rem;
}
.red #index .MeetingInfor li:nth-child(1) {
  margin-top: 0.7rem;
}
.red #index .MeetingInfor li {
  list-style-type: none;
  font-size: 0.26rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
}
.red #index .MeetingInfor li img {
  width: 0.26rem;
  margin-right: 0.14rem;
}
.red #index .MeetingInfor li .LiSpan {
  color: #cac5bc;
}
.red #index .MeetingInfor li .RedCompere {
  padding-left: 0.45rem;
}
.red #index .MeetingInfor h1 {
  font-size: 1.1rem;
  color: white;
}
.red #index .MeetingInfor .board {
  box-sizing: border-box;
  position: fixed;
  bottom: 0.5rem;
  float: left;
  width: 80%;
}
.red #index .MeetingInfor .board .boardSon {
  float: left;
}
.red #index .MeetingInfor .board .boardSon .boardTitle {
  font-size: 0.27rem;
  background: #fece3e;
  color: #ac0103;
  font-weight: 500;
  padding: 0.17rem 0.2rem;
  border-radius: 0.04rem 0 0 0.04rem;
  display: block;
  width: 1.5rem;
  float: left;
}
.red #index .MeetingInfor .board .boardSon .boardContent {
  position: absolute;
  left: 1.5rem;
  font-size: 0.27rem;
  width: 8rem;
  border: 1px solid white;
  border-left: 0;
  padding: 0.14rem 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  height: 0.59rem;
  border-radius: 0 0.04rem 0.04rem 0;
}
.red #index .MeetingInfor .board .humidity p {
  float: right;
  color: #cac5bc;
  font-size: 0.26rem;
  margin-left: 0.3rem;
}
.red #index .MeetingInfor .board .humidity p span {
  font-size: 0.5rem;
  color: white;
}
.red #list {
  position: absolute;
  padding: 0 0.5rem;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-size: 0.19rem;
  line-height: 1;
  color: #fff;
  font-weight: 500;
  background: url('../image/list-bg.png') no-repeat center / 100% 100%;
}
.red #list .heard {
  display: flex;
  justify-content: center;
  margin: 0 0 0.3rem;
}
.red #list .heard .HeardImg {
  padding-top: 0.8rem;
}
.red #list .RedListTime {
  display: flex;
  justify-content: center;
}
.red #list .RedListTime h1 {
  color: white;
  position: absolute;
  top: 0.4rem;
  font-size: 0.5rem;
}
.red #list .RedList {
  font-size: 0.24rem;
  color: white;
}
.red #list .RedList .RedListDate {
  position: absolute;
  top: 0.3rem;
}
.red #list .RedList .RedSecond {
  position: absolute;
  right: 0.5rem;
  top: 0.3rem;
}
.red #list .RedSign {
  width: 4.8rem;
  height: 5.5rem;
  margin-top: 0.1rem;
  background: url('../image/box-bg.png') no-repeat center / 100% 100%;
  float: left;
  position: relative;
}
.red #list .RedSign .RedSignInfor {
  padding: 0 0.5rem;
}
.red #list .RedSign .RedSignInfor .AlreadySignList {
  display: inline-block;
  width: 100%;
}
.red #list .RedSign .RedSignInfor .AlreadySignList .AlreadySignListBG {
  width: 100%;
  background: linear-gradient(to left, #925c69, rgba(253, 255, 255, 0.9), #925c69);
  height: 1px;
}
.red #list .RedSign .RedSignInfor .AlreadySignList .List {
  display: flex;
  align-items: center;
  margin-top: 0.28rem;
  font-size: 0.24rem;
  color: #fef8e9;
  padding-bottom: 0.14rem;
}
.red #list .RedSign .RedSignInfor .AlreadySignList .List img {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  margin-right: 0.2rem;
  display: block;
}
.red #list .RedSign .RedSignInfor .AlreadySignList .List p {
  padding-top: 0.1rem;
}
.red #list .RedSign .RedSignInfor .AlreadySignList .List .signIn {
  position: absolute;
  right: 0.7rem;
}
.red #list .RedSign .RedSignInfor .RedNoSignNum {
  display: flex;
  align-items: center;
  padding: 0.3rem 0 0.1rem 0;
  font-size: 0.27rem;
}
.red #list .RedSign .RedSignInfor .RedNoSignNum img {
  width: 0.4rem;
  margin-right: 0.2rem;
}
.red #list .RedSign .RedSignInfor .RedNoSignNum span {
  font-size: 0.5rem;
  display: inline-block;
  padding-bottom: 0.14rem;
}
.red #list .RedSign .RedSignInfor .AlreadySign {
  display: flex;
  align-items: center;
  padding: 0.2rem 0 0.1rem 0;
  font-size: 0.27rem;
}
.red #list .RedSign .RedSignInfor .AlreadySign img {
  width: 0.5rem;
  margin-right: 0.14rem;
}
.red #list .RedSign .RedSignInfor .AlreadySign span {
  font-size: 0.5rem;
  display: inline-block;
  padding-bottom: 0.14rem;
}
.red #list .RedSignBule {
  margin-left: 0.35rem;
  margin-top: 0.1rem;
  width: 4.8rem;
  height: 5.5rem;
  background: url('../image/box-bg.png') no-repeat center / 100% 100%;
  float: left;
}
.red #list .RedSignBule .RedSignInfor {
  padding: 0 0.5rem;
}
.red #list .RedSignBule .RedSignInfor .AlreadySignList1 {
  display: inline-block;
  width: 100%;
}
.red #list .RedSignBule .RedSignInfor .AlreadySignList1 .AlreadySignListBG {
  width: 100%;
  background: linear-gradient(to left, #23517b, #d1cccc, #23517b);
  height: 1px;
}
.red #list .RedSignBule .RedSignInfor .AlreadySignList1 .List {
  position: relative;
  margin-top: 0.25rem;
  font-size: 0.24rem;
  color: #fef8e9;
  padding-bottom: 0.24rem;
}
.red #list .RedSignBule .RedSignInfor .AlreadySignList1 .List img {
  width: 1.08rem;
  height: 1.08rem;
  display: block;
  border-radius: 0.1rem;
  background: #eee;
  margin-right: 0.2rem;
  object-fit: cover;
  border: 1px solid #fff;
}
.red #list .RedSignBule .RedSignInfor .AlreadySignList1 .List .Bluename {
  position: absolute;
  top: 0.2rem;
  left: 1.3rem;
}
.red #list .RedSignBule .RedSignInfor .AlreadySignList1 .List .section {
  position: absolute;
  top: 0.67rem;
  left: 1.3rem;
  width: calc(100% - 1.3rem);
}
.red #list .RedSignBule .RedSignInfor .AlreadySignList1 .List .section span {
  float: right;
  font-size: 0.25rem;
}
.red #list .RedSignBule .RedSignInfor .RedNoSignNum {
  display: flex;
  align-items: center;
  padding: 0.3rem 0 0.1rem 0;
  font-size: 0.27rem;
}
.red #list .RedSignBule .RedSignInfor .RedNoSignNum img {
  width: 0.4rem;
  margin-right: 0.2rem;
}
.red #list .RedSignBule .RedSignInfor .AlreadySign {
  display: flex;
  align-items: center;
  padding: 0.2rem 0 0.1rem 0;
  font-size: 0.27rem;
}
.red #list .RedSignBule .RedSignInfor .AlreadySign img {
  width: 0.4rem;
  margin-right: 0.2rem;
}
.red #list .RedSignBule .RedSignInfor .AlreadySign span {
  font-size: 0.5rem;
  display: inline-block;
  padding-bottom: 0.14rem;
}
.red #list .RedFace {
  float: right;
  width: 43%;
  height: 5.1rem;
  margin: 0.5rem 0 0;
}
.red #list .RedFace #video1 {
  width: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.04rem;
  height: 100%;
  border: 1px solid white;
}
.red #list .RedMeeting {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 0.97rem;
  margin: 0.3rem 0 0;
}
.red #list .RedMeeting > div {
  position: relative;
}
.red #list .RedMeeting .bar {
  font-weight: normal;
  background: url('../image/title-bg.png') no-repeat;
  height: 0.6rem;
  width: 1.8rem;
  top: -0.8rem;
  left: 0.05rem;
  position: absolute;
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.25rem;
}
.red #list .RedMeeting .MettingContent {
  width: 10rem;
  float: left;
}
.red #list .RedMeeting .MettingContent .MettingContentText {
  background: url('../image/box-bg-long.png') no-repeat;
  background-size: 100% 100%;
  height: 2rem;
  line-height: 0.34rem;
  padding: 0.27rem 0.5rem;
  font-size: 0.24rem;
  color: #fafdff;
}
.red #list .mess {
  padding: 0.3rem 0.4rem 0;
  font-size: 0.24rem;
}
.red #list .mess li {
  display: flex;
  align-items: center;
  color: #cdb1a9;
  height: 0.45rem;
  font-size: 0.28rem;
  line-height: 0.45rem;
}
.red #list .mess li span {
  color: white;
}
.red #list .mess li img {
  margin-right: 0.18rem;
  width: 0.3rem;
  height: 0.34rem;
}
.red #list .InforConten {
  float: left;
  margin-left: 0.35rem;
  width: 4.5rem;
  background: url('../image/box-bg-middle.png') no-repeat center / 100% 100%;
  height: 2rem;
}
.red #list .DataConten {
  float: right;
  font-size: 0.23rem;
  width: 3rem;
  background: url('../image/box-bg-short.png') no-repeat center / 100% 100%;
  height: 2rem;
}
.red #list .RedPop {
  background: url('../image/alert-bg.png') no-repeat;
  width: 4.4rem;
  height: 6rem;
  position: absolute;
  left: 40%;
  top: 23%;
  display: none;
}
.red #list .RedPop .heardImg {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: 0.1rem solid #d9d3d3;
  margin-top: 0.6rem;
  left: 1rem;
  position: absolute;
  object-fit: cover;
}
.red #list .RedPop .succeed {
  width: 0.6rem;
  position: absolute;
  top: 2rem;
  left: 2.6rem;
}
.red #list .RedPop .staff {
  position: relative;
  display: flex;
  justify-content: center;
}
.red #list .RedPop .staff .name {
  font-size: 0.6rem;
  color: black;
  position: absolute;
  top: 3.2rem;
}
.red #list .RedPop .staff .tishi {
  color: red;
  font-size: 0.29rem;
  position: absolute;
  top: 4.1rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.red #list .RedPop .staff .timeX {
  color: #605959;
  position: absolute;
  top: 5.6rem;
  font-size: 0.2rem;
}
.red.blue #index {
  background-image: url('../image/bg7.png');
}
.red.blue #index header div {
  background-image: linear-gradient(to right, #3a6fa3, #2db6c7);
}
.red.blue #index header span {
  background: #38ccea;
}
.red.blue #index header .RedBlock {
  background: #1b6679;
}
.red.blue #index .MeetingInfor .board .boardSon .boardTitle {
  background: #d43a3a;
  color: white;
}
.red.blue #list {
  background-image: url('../image/list-bg1.png');
}
.red.blue #list .RedListTime h1 {
  color: #36d8ff;
}
.red.blue #list .RedList {
  color: #2eb3d5;
}
.red.blue #list .RedSign,
.red.blue #list .RedSignBule {
  background-image: url('../image/box-bg1.png');
}
.red.blue #list .RedSign .RedSignInfor .AlreadySignList .AlreadySignListBG,
.red.blue #list .RedSignBule .RedSignInfor .AlreadySignList .AlreadySignListBG,
.red.blue #list .RedSign .RedSignInfor .AlreadySignList1 .AlreadySignListBG,
.red.blue #list .RedSignBule .RedSignInfor .AlreadySignList1 .AlreadySignListBG {
  background: linear-gradient(to left, #23517b, #d1cccc, #23517b);
}
.red.blue #list .MettingContent .MettingContentText {
  background-image: url('../image/box-bg-long1.png');
}
.red.blue #list .InforConten {
  background-image: url('../image/box-bg-middle1.png');
}
.red.blue #list .DataConten {
  background-image: url('../image/box-bg-short1.png');
}
.red.blue #list .bar {
  background-image: url('../image/title-bg1.png');
}
/*# sourceMappingURL=RedCss.css.map */