.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; }