@charset "utf-8";
body {
  background-color: #F2F2F2;
}

header {
   position: relative;
   width: 100%;
   background: linear-gradient(-36deg,rgba(253,139,10,1) 0%,rgba(255,184,47,1) 100%);
   height: .96rem;
   color: #FFFFFF;
   font-size: .36rem;
   text-align: center;
   line-height: .96rem;
}

header img {
   position: absolute;
   left: .32rem;
   top: 50%;
   transform: translateY(-50%);
   width: .3rem;
   height: .3rem;
}

section {
  padding: .34rem .3rem;
  box-sizing: border-box;
}

section .big_box {
  background-color: #fff;
  height: 1.88rem; 
  width: 100%;
  border-radius: .12rem;
  display: flex;
  padding: 0 .26rem;
  box-sizing: border-box;
  margin-bottom: .2rem;
}

section .big_box .event {
  flex: 2;
  margin-right: 1rem;
  font-size: 0;
}

section .big_box .event p {
  color: #313131;
  font-size: .3rem;
  margin-top: .3rem;
  line-height: .4rem;
  font-weight: 500;
  margin-bottom: .14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section .big_box .event span {
  background:rgba(255,94,100,0.15);
  font-size: .24rem;
  color:#FF5E64;
  padding: .04rem .16rem;
  border-radius: .18rem;
}

section .big_box .event .inHand {
  background:rgba(255,94,100,.15);
  color:#FF5E64;
}

section .big_box .event .toPay{
  background:rgba(37,231,201,.15);
  color: #16DDBF;
}

section .big_box .event .beenRecovered{
  background:rgba(94,158,255,.15);
  color: #5E9EFF;
}

section .big_box a {
  display: block;
  flex: 1;
  width:1.86rem;
  height:.64rem;
  background: linear-gradient(-31deg,rgba(244,210,0,1),rgba(253,140,47,1));
  border-radius:.06rem;
  color: #fff;
  font-size: .28rem;
  text-align: center;
  line-height: .64rem;
  margin: auto;
}

.noData {
  margin: auto;
  height: 5.78rem;
  width: 6.18rem;
  display: none;
}

.noData img {
  width: 100%;
  height: 100%;
}