page {
  background-color: #f2f2f2;
}
.con {
  margin: 0 10rpx;
}
.floot {
  height: 200rpx;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: linear-gradient(right, #1286ca, #6b68dd);
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-bottom: 34rpx;
  box-sizing: border-box;
}
.floot .inputs {
  height: 56rpx;
  display: flex;
  align-items: center;
  width: 75%;
  background-color: #fff;
  border-radius: 50rpx;
}
.floot .inputs img {
  width: 26rpx;
  height: 26rpx;
  padding-left: 40rpx;
}
.floot .inputs p {
  padding-left: 10rpx;
  font-size: 28rpx;
}
.floot .rightimg {
  height: 42rpx;
  margin: 0 40rpx;
}
.swiper {
  margin-top: 210rpx;
  height: 386rpx;
}
.swiper .swiper-item img {
  width: 100%;
  height: 386rpx;
}
.palaceGrid {
  margin-top: 20rpx;
  background-color: #fff;
  border-radius: 20rpx;
  width: 100%;
  height: 200rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.palaceGrid view {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.palaceGrid view img {
  width: 88rpx;
  height: 88rpx;
}
.palaceGrid view p {
  margin-top: 10rpx;
  font-size: 26rpx;
}
.notice {
  background-color: #fff;
  border-radius: 20rpx;
  height: 50rpx;
  margin-top: 20rpx;
  position: relative;
}
.notice .noticeImg {
  margin-left: 10rpx;
  width: 24rpx;
  position: absolute;
  top: 15rpx;
  background-color: #fff;
}
.notice .swp {
  line-height: 50rpx;
  position: absolute;
  margin-left: 50rpx;
  color: #40b2ff;
  font-size: 30rpx;
}
.prerog {
  margin-top: 30rpx;
  width: 100%;
}
.faddish {
  margin-top: 40rpx;
  display: flex;
  align-items: center;
  color: red;
}
.faddish img {
  height: 30rpx;
}
.faddish p {
  margin-left: 10rpx;
}
.scroll {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.box {
  margin-right: 20rpx;
  margin-top: 30rpx;
  box-sizing: border-box;
  display: inline-block;
  width: 322rpx;
  height: 438rpx;
  background-color: #fff;
  border-radius: 20rpx;
  padding-left: 20rpx;
}
.box img {
  padding-right: 20rpx;
  margin: 30rpx auto;
  display: block;
  width: 280rpx;
  height: 174rpx;
}
.box .info {
  display: flex;
  align-items: center;
  font-size: 20rpx;
  width: 95%;
}
.box .info .ling {
  width: 30rpx;
  height: 30rpx;
  text-align: center;
  line-height: 30rpx;
  border-radius: 6rpx;
  margin-right: 16rpx;
  color: #fff;
  background: linear-gradient(top, #86fead, #3ad423);
}
.box .info .hot {
  width: 30rpx;
  height: 30rpx;
  text-align: center;
  line-height: 30rpx;
  color: #fff;
  border-radius: 6rpx;
  background: linear-gradient(top, #db577c, #d71c5e);
}
.box .info .jieshao {
  margin-left: 4rpx;
  font-weight: 800;
  line-height: 36rpx;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box .gs {
  margin-top: 10rpx;
  font-size: 20rpx;
  width: 95.5%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box .zhi {
  margin-top: 15rpx;
  font-size: 20rpx;
}
.box .jiage {
  margin-top: 20rpx;
  font-size: 30rpx;
  font-weight: 800;
  color: red;
}
.box:last-child {
  margin-right: 0;
}