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