page{background-color: #F8F5F5}
.top-nav{
  position: fixed;
  z-index: 10;
  top: 0repx;
  left: 0rpx;
  width: 100%;
  padding: 27rpx  0 10rpx 54rpx;
  font-size: 28rpx;
  color: #000000;
  box-shadow:0px 2px 18px 0px rgba(177,177,177,1);
  background-color: white;
}
.left-btn{
  position: absolute;
  padding-right: 10rpx;
  border-right: 1px solid #CFCFCF;
  display: flex;
  align-items: center;
  width: 140rpx;
}
.bottom-nav{
  display: flex;
  padding-left: 34rpx;
}
.bottom-nav>view{
  margin-right: 43rpx;
  padding-bottom: 15rpx;
  border-bottom: 4rpx solid transparent;
}
.bottom-nav>view.active{
  color: #EE4454;
  border-bottom: 4rpx solid #EE4454;
}
.left-btn image{
  width: 13rpx;
}
.left-btn text{
  padding-right: 20rpx;
}
.tab-box{
  display: flex;
  flex-wrap:wrap;
  position: relative;
  left: -18rpx;
  padding: 25rpx 0;
}
.tab-box text{
  width: 142rpx;
  height: 60rpx;
  color: #000000;
  background:#EEEEEE;
  line-height: 60rpx;
  text-align: center;
  font-size: 28rpx;
  display: inline-block;
  border-radius: 10rpx;
  margin: 10rpx 0 20rpx 38rpx;
}
.tab-box text.active{
  color: #EE4454;
  background:rgba(238,68,84,.2);
}
.tab-box text.tag0,.tab-box text.tag4{
  margin-left: 0;
}
.data_body{
  padding: 0 30rpx;
  width: 100%;
  height: 100VH;
  padding-top: 100rpx;
}
.list-item{
  margin: 30rpx 0;
  height: 222rpx;
  background:rgba(255,255,255,1);
  border-radius:20rpx;
  padding: 23rpx 29rpx;
  font-size: 24rpx;
  position: relative;
}
.list-item-tag{
  position: absolute;
  left: 29rpx;
  top: 0;
  display: inline-block;
  padding: 5rpx 12rpx;
  border-radius:0px 0px 4rpx 4rpx;
}
.list-item-tag.ziyou{
  color: #D4542A;
  background:rgba(253,127,86,.5);
}
.list-item-tag.tuan{
  color: #1D9890;
  background:rgba(97,220,212,.5);
}
.list-item-tag.menpiao{
  color: #3C67A0;
  background:rgba(106,168,249,.5);
}
.list-item-tag.dangdi{
  color: #CC3C6E;
  background:rgba(243,108,155,.5);
}
.list-item-tag.dingzhi{
  color: #2884A3;
  background:rgba(24,184,237,.5);
}
.list-item-tag.qianzheng{
  color: #B8A313;
  background:rgba(233,235,51,.5);
}
.list-item-tag.jipiao{
  color: #BA6E01;
  background:rgba(255,150,0,.5);
}
.list-item-tag.meishi{
  color: #378F47;
  background:rgba(31,193,62,.5);
}
.list-item-states{
  text-align: right;
  color: #EE4454;
  font-size: 15px;
}
.list-item-name{
  text-align: left;
  width: 484rpx;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-item-detail-left{
  color: #666666;
}
.list-item-btn{
  display: flex;
  margin-top: 15rpx;
  justify-content: flex-end;
}
.list-item-btn>view{
  width: 136rpx;
  height: 46rpx;
  line-height: 42rpx;
  text-align: center;
  font-size: 24rpx;
  border:1px solid #D2D2D2;
  border-radius:12px;
  color: #666666;
  margin-left: 30rpx;
}
.list-item-btn>view.btn-red{
  border:1px solid #FFC8CD;
  color: #EE4454;
}
.list-item-detail-left text:nth-child(1){
  padding-right: 30rpx;
}
.list-item-detail{
  display: flex;
  justify-content: space-between;
  margin-top: 10rpx;
}
.body_footer{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  font-size: 12px;
  color: #666666;
  background-color:#F5F5F5;
}
button{
  padding: 0;
  font-size: 22rpx;
  border: none;
  background-color: transparent;
  line-height: initial;
}
button::after{
  border: none
}
.btn-hover{
  background-color: transparent;
}
