/* pages/jiedan/jiedan.wxss */
.box{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.text-overlay {
  width: 100%; 
  position: absolute;
  top: 80%;
  left: 70%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 25px;
  font-weight: bold;
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.6);
  z-index: 10; 
  font-style: italic;
}
.sousuo{
  width: 100%;
  height: 7vh;
}
.zuo{
  width: 40%;
  height: 100%;
  background-color: rgba(36, 34, 34, 0.2);
}
.wenzi{
  width: 100%;
  height: 40%;
  
}
.you{
  width: 60%;
  height: 100%;
  background-color: #ffffff;
}
.chengsehezi{
  width: 100%;
  height: 10%;
  display: flex;
  align-items: center;
}
.chengse{
  width: 4%;
  height: 80%;
  background-color: #FC7E09;
  margin-left: 10rpx;
}
.wenzicheng{
  width: 96%;
  height: 100%;
  display: flex;
  align-items: center;
}
.xuazhongbox{
  width: 100%;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 20rpx;    
}
.he{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin: 20rpx;
}
.he.active {
  background-color: #f37b1d; /* 高亮背景色 */
}
.cebianlan{
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.shuzhi{
  display: flex;
  align-items: center;
}
.tongyong{
  display: flex;
  justify-content: center;
  align-items: center;
}
.souimage{
  width: 20%;
  height: 100%;
}
.sousuosize{
  width: 20px;
  height: 20px;
}
.sidebox{
  width: 20%;
  height: 100%;
}
.saixuan{
  width: 100%;
  height: 100%;
}
.hhhh{
  width: 80%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inputk{
  width: 80%;
  height: 100%;
}
.xiabox{
  width: 100%;
  background-color: #EFEFEF;
}
.swiper {
  width: 100%;
  height: 30vh;
  position: relative; 
  overflow: hidden;
}
.inputkuang{
  width: 80%;
  height: 70%;
  border-radius: 50px;
  background-color: #ffffff;
}
.imageshai{
  width: 30px;
  height: 30px;
}
.imagesize{
  width: 100%;
  height: 100%;
}
swiper,swiper-item {
  width: 100%;
  height: 100%;
}
.messagebox{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.kuang{
  width: 90%;
  height: 140px;
  border-radius: 20px;
  margin-top: 20rpx;
  background-color: #ffffff;
  display: flex;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.touxianmg{
  width: 30%;
  height: 100%;
}
.touxiangimage{
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.messagesize{
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.text{
  margin-top: 20rpx;
}
.moneybox{
  width: 30%;
  display: flex;
  flex-direction: column;
}
.jiedan{
  width: 50px;
  height: 30px;
  background-color: #EFEFEF;
  margin-right: 20rpx;
}
.weizhi{
  display: flex;
  justify-content: flex-end;
}