H5_module/topic/card/index.css

page{background: #fff;}
.top-fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 50;}
.bgcolor {background: #1f1f1f;position: absolute;top: 0;left: 0;right: 0;transition: .3s all ease;opacity: 0;}
.opacity{opacity: 1;}
.top-fixed-c{padding-right: 200rpx;position: relative;z-index: 5;}
.back{padding-left: 30rpx;}
.back image{width: 22rpx;height: 38rpx;}
.top-title{text-align: left;font-size: 36rpx;color: #fff;font-weight: bold;padding-left: 34rpx;}
.vip-top{width: 100%;}
.top{margin: -115rpx 30rpx 0;position: relative;z-index: 10;}
.vip{height: 338rpx;position: relative;box-shadow: 0 10rpx 30rpx 1rpx rgba(0,28,80,0.2);}
.vip-bg{width: 100%;height: 338rpx;border-radius: 16rpx 16rpx 0 0;}
.vipc{position: absolute;top: 60rpx;left: 40rpx;}
.userinfo image{width: 76rpx;height: 76rpx;border-radius: 50%;margin-right: 10rpx;}
.userinfo view{font-size: 30rpx;color: #fff;font-weight: bold;}
.userinfo text{display: block;font-size: 24rpx;color: #fff;margin-top: 10rpx;font-weight: normal;}
.vip-info{margin-top: 75rpx;}
.vip-info view{font-size: 36rpx;color: #fff;font-weight: bold;}
.vip-info text{display: block;font-size: 24rpx;color: #FFF7F5;opacity: .5;margin-top: 10rpx;}
.quanyi{padding: 0 40rpx 45rpx;border: 1rpx solid #A79676;border-radius: 10rpx;margin: 88rpx 30rpx 0;}
.tits{font-size: 36rpx;color: #E3C595;justify-content: center;margin-top: -30rpx;}
.tits text{background: #fff;padding: 0 25rpx;}
.qy-con{font-size: 24rpx;color: #333;line-height: 2;margin-top: 30rpx;}
.qy-list{margin-top: 25rpx;}
.qy-list .li{width: 25%;font-size: 24rpx;color: #222;text-align: center;}
.qy-list .li image{width: 130rpx;height: 131rpx;margin: 0 auto -25rpx;}
.form{background: #fff;border-radius: 16rpx;margin: 30rpx;padding: 25rpx 30rpx 0;}
.form-tip{font-size: 24rpx;color: #999;line-height: 1.5;}
.form .li{border-bottom: 1rpx solid #DEDEDE;}
.form .li:last-child{border-bottom: none;}
.label{font-size: 24rpx;padding: 30rpx 0;}
.ipt{font-size: 24rpx;color: #333;padding: 30rpx 0;text-align: right;}
.bot{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;z-index: 50;padding: 40rpx 30rpx;box-shadow: 0 -1rpx 1rpx 1rpx rgba(0,0,0,0.05);}
.btn{height: 80rpx;background: linear-gradient(270deg, #F6D9AA 0%, #E8B77C 100%);border-radius: 50rpx;font-size: 32rpx;color: #3D363A;text-align: center;line-height: 80rpx;font-weight: bold;}