.xgt {
  width: 100%;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
}
.xgt .xgtSelectCheck {
  width: 100%;
  height: 8rem;
  padding: 2.5rem 3rem;
  background: #fafafa;
  border-radius: .1rem;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 8rem;
}
.xgt .xgtSelectCheck > div {
  font-size: 3rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #787878;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.xgt .xgtSelectCheck span {
  max-width: 15rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.xgt .xgtSelectCheck .actives {
  font-size: 3rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #111111;
}
.xgt .xgtSelectCheck > div > img {
  width: 1.8rem;
  height: 1rem;
  margin-left: .6rem;
  transition: 0.03ms;
  transform: rotate(0deg);
}
.xgt .xgtContent {
  /* flex: 1; */
  width: 100%;
  margin-top: 8rem;
  /* height: 100%; */
  overflow-y: scroll;
}
.xgtContent .xgtList {
  width: 100%;
  height: 100%;
  padding: 3rem;
  display: flex;
  flex-wrap: wrap;
}
.xgtContent .xgtList > li {
  width: 33.4rem;
  height: 30.4rem;
  background: #f8f8f8;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  margin: 0 2.2rem 2rem 0;
  overflow: hidden;
}
.xgtContent .xgtList > li:nth-child(2n) {
  margin-right: 0;
}
.xgtContent .xgtList > li > a {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
}
.xgtContent .xgtList > li img {
  width: 33.4rem;
  height: 30.4rem;
  overflow: hidden;
}
.xgtContent .xgtList > li p {
  width: 100%;
  padding: 2.1rem 1.7rem;
  font-size: 2.4rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #1e1e1e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@keyframes selectgradient {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}
.xgthomeTypeCheck {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 16rem;
}
.xgthomeTypeCheck .homeTypeContent {
  height: 88.4rem;
  background-color: #ffffff;
  overflow: auto;
  padding: 1.8rem 2.9rem 0rem 2.9rem;
}
.xgthomeTypeCheck .homeTypeContent .homeTypeListData {
  width: 100%;
}
.xgthomeTypeCheck .homeTypeContent .homeTypeListData li {
  width: 100%;
  display: inline-block;
  font-size: 2.8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #787878;
  border-bottom: .1rem solid #eeeeee;
  padding: 2.2rem 0;
}
.xgthomeTypeCheck .homeTypeContent .homeTypeListData li.active {
  color: #ff6400;
}
.xgtstyleCheck {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 16rem;
}
.xgtstyleCheck .styleContent {
  height: 88.4rem;
  background-color: #ffffff;
  overflow: auto;
  padding: 1.8rem 2.9rem 0rem 2.9rem;
}
.xgtstyleCheck .styleContent .styleListData {
  width: 100%;
}
.xgtstyleCheck .styleContent .styleListData li {
  width: 100%;
  display: inline-block;
  font-size: 2.8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #787878;
  border-bottom: .1rem solid #eeeeee;
  padding: 2.2rem 0;
}
.xgtstyleCheck .styleContent .styleListData li.active {
  color: #ff6400;
}
.xgtspaceCheck {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 16rem;
}
.xgtspaceCheck .spaceContent {
  height: 88.4rem;
  background-color: #ffffff;
  overflow: auto;
  padding: 1.8rem 2.9rem 0rem 2.9rem;
}
.xgtspaceCheck .spaceContent .spaceListData {
  width: 100%;
}
.xgtspaceCheck .spaceContent .spaceListData li {
  width: 100%;
  display: inline-block;
  font-size: 2.8rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #787878;
  border-bottom: .1rem solid #eeeeee;
  padding: 2.2rem 0;
}
.xgtspaceCheck .spaceContent .spaceListData li.active {
  color: #ff6400;
}