.signDyeBox{ width: 96%; margin: 0 auto; } .signDye{ width: 60%; margin: 20rpx auto; height: 100rpx; line-height: 100rpx; text-align: center; border-radius: 20rpx; background-image: linear-gradient(to bottom right, red, yellow); color: #fff; } .singBtn{ width: 66%; height: 80rpx; border-radius:12rpx; text-align: center; line-height: 80rpx; color: #fff; background-color: #ff6600; margin: 40rpx auto; } .guanSingBtn{ width: 66%; height: 80rpx; border-radius:12rpx; text-align: center; line-height: 80rpx; color: #fff; background-color: gray; margin: 40rpx auto; } .singvAwardBox{ text-align: center; } .singvLsit{ width: 94%; overflow: hidden; margin: 20rpx auto; background-color: #fff; border-radius: 12rpx; color: #888; } .singvLsit_item_l{ width: 40%; height: 80rpx; border-radius: 12rpx; line-height: 80rpx; float: left; } .singvLsit_item_r{ width: 40%; height: 80rpx; line-height: 80rpx; border-radius: 12rpx; float: left; } .getBtn{ font-size: 28rpx; width: 16%; height: 60rpx; line-height: 60rpx; margin:10rpx 1%; border-radius: 6rpx; float: left; color: #fff; background-color: #ff6600; } .shadeBox{ height: 100vh; width: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); } .shade{ width: 80%; height: 400rpx; background-color: #fff; margin: 400rpx auto 0 auto; overflow: hidden; } .shadeTitle{ height: 80rpx; line-height: 80rpx; font-size: 36rpx; font-weight: 700; margin: 30rpx 0 ; text-align: center; } .shadeNum{ text-align: center; height: 80rpx; line-height: 80rpx; } .shadeBtn{ width: 40%; height: 70rpx; line-height: 70rpx; text-align: center; color:#fff; margin:60rpx auto 0 auto; background-color: #ff6600; border-radius: 10rpx; }