fohow_xcx/packageUser/pages/user/fund/fund.wxss

.fund-bg {
  width: 100%;
  min-height: 100%;
  background: #f3f3f3;
  padding-bottom: 90rpx;
}
.fund-head {
  position: relative;
  width: 100%;
  height: 440rpx;
  text-align: center;
  background: -webkit-linear-gradient(#eab86a, #d4932b);
  background: -o-linear-gradient(#eab86a, #d4932b); 
  background: -moz-linear-gradient(#eab86a, #d4932b); 
  background: linear-gradient(#eab86a, #d4932b); 
}
.fund-head .title {
  position: relative;
  font-size: 28rpx;
  color: #ffffff;
  padding-top: 40rpx;
}
.fund-head .withdrawIcon {
  position: absolute;
  right: 50rpx;
  width: 32rpx;
  height: 40rpx;
}
.fund-head .price {
  font-size: 72rpx;
  color: #ffffff;
  margin-top: 18rpx;
  margin-bottom: 40rpx;
}
.fund-head .btn {
  width: 300rpx;
  height: 80rpx;
  background-color: #ffffff;
  border-radius: 40rpx;
  margin: 0 auto;
  line-height: 80rpx;
  color: #5ebf62;
  font-size: 32rpx;
}
.fund-head .not {
  /*float: left;*/
  width: 250rpx;
  height: 80rpx;
  background-color: #ffffff;
  border-radius: 40rpx;
  margin: 0 auto;
  line-height: 80rpx;
  color: #eab86a;
  font-size: 32rpx;
}
.fund-head .total {
  font-size: 28rpx;
  color: #ffffff;
  margin-top: 50rpx;
}
.fund-list {
  width: 100%;
  padding: 0 20rpx;
  box-sizing: border-box;
}
.fund-info {
  /* height: 160rpx; */
  padding: 30rpx 0;
  border-bottom: 1rpx solid #cccccc; 
  box-sizing: border-box;
}
.fund-info .time {
  font-size: 24rpx;
  color: #bbbbbb;
  margin-top: 10rpx;
  float: right;
}
.fund-goods {
}
.fund-goods .name {
  float: left;
  width: 711rpx;
  font-size: 28rpx;
  color: #4c4c4c;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  line-height: 40rpx;
  margin-bottom: 22rpx;
}
.fund-info .price {
  float: left;
  width: 250rpx;
  font-size: 28rpx;
  color: #eab86a;
  /* text-align: right; */
}
.fund-info .price.green {
  color: #5ebf62;
}

.granary-no {
  padding-top: 200rpx;
}
.granary-no__icon {
  display: block;
  width: 204rpx;
  height: 258rpx;
  margin: 0 auto;
}
.granary-no__text {
  text-align: center;
  font-size: 28rpx;
  margin-top: 25rpx;
  color: #cccccc;
}
.fund__btnAll {
  width: 520rpx;
  margin: 0 auto;
}
.fund__btnAll .withdraw {
  color: #5ebf62;
  margin-right: 40rpx;
  float: none;
margin: 0 auto;
  
}
.fund__btnAll .withdrawNot {
  background-color: #ffffff;
  color: #eab86a;
  margin-right: 40rpx;
  float: none;
margin: 0 auto;
  
}
.fund__btnAll .recharge {
  color: #eab86a;
}
.fund__btn {
  float: left;
  width: 240rpx;
  height: 80rpx;
  background: #fff;
  border-radius: 40rpx;
  line-height: 80rpx;
  text-align: center;
  font-size: 32rpx;
}
.fund__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 20rpx;
  background: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  z-index: 200;
}
.fund__modal .content {
  width: 560rpx;
  background: #fff;
  text-align: center;
  font-size: 32rpx;
  color: #7f93ae;
  margin: 360rpx auto 0;
}
.fund__modal .image1 {
  display: block;
  width: 82rpx;
  height: 102rpx;
  margin: 0 auto 20rpx;
  padding-top: 90rpx;
}
.fund__modal .image2 {
  display: block;
  width: 560rpx;
  height: 472rpx;
  margin-bottom: 20rpx;
}
.fund__modal .p1{
  font-size: 36rpx;
  font-weight: 600;
  margin-bottom: 30rpx;
}
.fund__modal .p2{
  font-size: 28rpx;
  margin-bottom: 42rpx;
}
.fund__modal .btn {
  width: 560rpx;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 28rpx;
  text-align: center;
}
.fund__modal .noBtn {
  float: left;
  width: 50%;
  height: 100rpx;
  background-image: linear-gradient(90deg, 
    #e5e9ec 0%, 
    #cfd9e0 100%);
  line-height: 100rpx;
  font-size: 28rpx;
  text-align: center;
  color: #7f93ae;
}
.fund__modal .goBtn {
  float: left;
  width: 50%;
  height: 100rpx;
  background-image: linear-gradient(90deg, 
    #eab86a 0%, 
    #e23232 100%);
  line-height: 100rpx;
  font-size: 28rpx;
  text-align: center;
  color: #fff;
}
.fund__modal .doing {
  font-size: 28rpx;
}
.fund__modal .continue {
  width: 376rpx;
  height: 88rpx;
  background-image: linear-gradient(90deg, 
    #eab86a 0%, 
    #e23232 100%);
  border-radius: 44rpx;
  margin: 40rpx auto 30rpx;
  font-size: 28rpx;
  color: #fff;
  line-height: 88rpx;
  letter-spacing: 6rpx;
}
.fund__modal .withdraw {
  font-size: 28rpx;
  padding-bottom: 44rpx;
}