/* pages/newChatDetail/newChatDetail.wxss */
.home{
  width: 100%;
  height: 100vh;
  background-color: #f6f3ec;
}
.bg{
  width: 100%;
  height: 340rpx;
  background-color: #4aa9fd;
}
.success{
  padding-top:12rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.success_img{
  width: 60rpx;
  height: 60rpx;
  border-radius: 30rpx;
  background-color: #fff;
  text-align: center;
  line-height: 60rpx;
}
.pay{
  color:#fff;
  font-size:32rpx;
  margin-top: 7rpx;
}
.van-icon {
  color:#86c8e2;
}
.van-icon-success:before {
  font-size: 60rpx;
  line-height: 60rpx;
}
.detail{
  width: 100%;
  /* height: 300px; */
  padding:0 20rpx;
  box-sizing: border-box;
  margin-top: -80px;
}
.content{
  background-color:#f6f3ec;
  height: 100%;
  padding:7px 10px;
  box-sizing: border-box;
}
.top{
 width: 100%;
 /* height: 150px; */
 background-color: #fff;
 border-radius: 5px;
 padding:5px;
 box-sizing: border-box;
}
.topay{
  color:#a0d4c5;
}
.topay1{
  color:red;
}
.flex{
 display: flex;
 font-size: 28rpx;
 margin-bottom: 5px;
}
.text{
  margin-right: 10px;
  color:#666;
}
.bottom{
  margin-top: 5px;
  color:#666;
}
.container{
  font-size: 28rpx;
  color:#000;
  line-height: 40rpx;
}
.fixedBottom{
  position: fixed;
  bottom:10px;
  width: 100%;
  padding:0 10px;
  box-sizing: border-box;
}
.fixed_con{
  width: 100%;
  height: 60px;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
}
.colum{
  width: 33.3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 26rpx;
}
.img{
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
}
.imgs{
  width: 25px;
  height: 25px;
  margin-bottom: 3px;
}
.block{
  display: flex;
  margin:10px 0;
}
.boxs{
  height: 12rpx;
  width: 12rpx;
  background-color: #292927;
  border-radius: 4rpx;
  margin-right: 10rpx;
}
.box2{
  background-color: #b9bbb8;
}
.box3{
  background-color: #979996;
}