.bg { position: relative; width: 100%; min-height: 100%; background-color: #f3f3f3; } .radish-top { width: 100%; height: 360rpx; background-image: url('http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/djquan.jpg'); background-size: 100%; } .radish-top__title { padding: 95rpx 0 0; font-size: 34rpx; color: #FFF; text-align: center; text-shadow: 1px 1px 1px #bb954d; } .radish-top__count { font-size: 70rpx; color: #fff; text-align: center; text-shadow: 1px 1px 1px #e6231d; } .radish-top__btn { position: absolute; top: 190rpx; left: 150rpx; width: 196rpx; height: 60rpx; border: 2rpx solid #fff; margin: 48rpx auto 0; text-align: center; line-height: 60rpx; border-radius: 8rpx; font-size: 28rpx; color: #fff; } .radish-top__btn1 { position: absolute; width: 206rpx; height: 60rpx; border: 2rpx solid #eb4d20; text-align: center; line-height: 60rpx; border-radius: 45px; font-size: 32rpx; color: #fff; right: calc(50% - 103rpx); background: linear-gradient(to right,#eb712c,#e71f1c); top: 0; left: 0; } .radish-main { background-color: #fff; } .radish-main__title { height: 50rpx; line-height: 50rpx; color: #bbbbbb; background-color: #f3f3f3; text-align: center; font-size: 24rpx; } .radish-main__line { margin: 0 20rpx; height: 100rpx; border-bottom: 1rpx solid #eeeeee; } .radish-main__left { float: left; width: 450rpx; } .radish-main__text { float: left; padding-top: 16rpx; font-size: 28rpx; color: #4c4c4c; width: 450rpx; } .radish-main__time { float: left; font-size: 18rpx; color: #bbbbbb; padding-top: 5rpx; } .radish-main__count { float: right; width: 260rpx; font-size: 28rpx; line-height: 100rpx; text-align: right; color: #eab86a; } .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; } .radish-top__btn22{ width: 196rpx; height: 60rpx; border: 2rpx solid #fff; background: rgba(255,255,255,0.2); margin: 30rpx auto 0; text-align: center; line-height: 60rpx; border-radius: 8rpx; font-size: 28rpx; color: #fff; } .wd-list{ position: absolute; right: 20rpx; top: 20rpx; color: #fff; }