H5_module/home/index/index_yaofang.css

/**index.wxss**/
.top-f{position: fixed;top: 0;left: 0;right: 0;z-index: 80;text-align: center;}
.top-background{background: var(--mina);}
.top-nav{position: relative;}
.search{width: 400rpx;height: 65rpx;background-color: rgba(255,255,255,.4);border-radius: 33rpx;padding: 0 30rpx;font-size: 28rpx;color: #fff;margin-left: 36rpx;}
.search image{width: 28rpx;height: 28rpx;margin-right: 13rpx;}
.top-bg{width: 100%;height: 420rpx;background: linear-gradient(180deg, var(--submain) 0%, var(--main) 100%);}
.top-bg image{width: 100%;height: 100%;}
.banner{overflow: hidden;position: relative;z-index: 5;}
.banner image{width: 100%;height: 500rpx;overflow: hidden;transition: all .3s ease;}
.banner::after{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;opacity: .5;}
.top{margin: -305rpx 30rpx 0;position: relative;z-index: 6;}
.m-logo{width: 120rpx;height: 120rpx;border-radius: 50%;margin-right: 18rpx;background-color: #fff;}
.m-name{font-size: 32rpx;color: #fff;font-weight: bold;line-height: 48rpx;}
.change{font-size: 24rpx;color: #fff;margin-left: 15rpx;font-weight: normal;}
.change image{width: 14rpx;height: 23rpx;margin-left: 15rpx;}
.m-bot{margin-top: 10rpx;padding-right: 20rpx;}
.poi{font-size: 24rpx;color: #fff;margin-top: 5rpx;}
.poi text{margin: 0 10rpx;}
.m-tag{font-size: 20rpx;color: #fff;}
.m-tag text{margin: 0 10rpx 0 0;height: 31rpx;border: 2rpx solid #fff;border-radius: 5rpx;padding: 0 10rpx;line-height: 31rpx;}
.gsjs-ico{width: 36rpx;height: 33rpx;}
.card{background: linear-gradient(180deg, var(--submain) 0%, var(--main) 100%);border-radius: 20rpx;position: relative;margin-top: 40rpx;height: 800rpx;box-shadow: 0rpx 10rpx 15rpx 1rpx rgba(0,0,0,0.05);color: var(--light);}
.logo{width: 148rpx;height: 49rpx;position: absolute;top: 0;right: 0;z-index: 2;}
.card-logo{height: 345rpx;position: absolute;top: 0;right: 0;z-index: 1;}
.open-card{position: absolute;top: 0;left: 0;right: 0;bottom: 0;justify-content: center;background-color: rgba(0,0,0,.6);z-index: 10;font-size: 36rpx !important;color: #fff;text-align: center;flex-direction: column;border-radius: 20rpx !important;}
.open-card image{width: 90rpx;height: 90rpx;margin: 0 auto 30rpx;}
.card-top{padding: 40rpx 45rpx 0;position: absolute;top: 0;left: 0;right: 0;z-index: 5;}
.card-no{font-size: 32rpx;text-shadow: 0 3rpx 6rpx rgba(0,0,0,0.3);}
.card-info{margin-top: 20rpx;align-items: flex-start;}
.card-name{font-size: 48rpx;font-weight: bold;line-height: 1;}
.card-user{font-size: 28rpx;margin-top: 10rpx;}
.card-user text{margin-left: 15rpx;}
.card-ma{width: 44rpx;height: 44rpx;}
.vip-img{height: 26rpx;margin-top: 8rpx;}
.card-bot{position: absolute;bottom: 0;left: 0;right: 0;z-index: 5;}
.datas{padding-bottom: 40rpx;}
.datas .li{width: 33.33%;font-size: 24rpx;text-align: center;}
.numbers{font-size: 48rpx;font-weight: bold;margin-bottom: 15rpx;line-height: 1;}
.card-eye{width: 26rpx;height: 20rpx;margin-left: 8rpx;}
.datas .li .ddflex{justify-content: center;}
.zhuanshu-box{height: 139rpx !important;position: relative;}
.zhuanshu-t{padding: 0 44rpx 0 45rpx;position: absolute;bottom: 13rpx;left: 0;}
.zhuanshu-t image{width: 92rpx;height: 32rpx;position: relative;z-index: 2;}
.zhuanshu-t:before{content: '';display: block;height: 1rpx;background-color: #fff;opacity: .5;position: absolute;right: 44rpx;top: 17rpx;left: 80rpx;}
.zhuanshu-t1{padding: 0 44rpx 0 32rpx;position: absolute;top: -18rpx;left: 0;}
.zhuanshu-t1 image{width: 163rpx;height: 33rpx;position: relative;z-index: 2;}
.zhuanshu-info{padding: 0 45rpx !important;background-color: #fff;height: 100%;border-radius: 0 0 20rpx 20rpx;}
.zhuanshu-img{width: 100rpx;height: 100rpx;background-color: #fff;border-radius: 50rpx;margin-right: 20rpx;}
.zhuanshu-name{font-size: 32rpx;color: #333;font-weight: bold;line-height: 48rpx;}
.zhuanshu-name text{font-size: 20rpx;color: #fff;font-weight: normal;height: 29rpx;border: 2rpx solid var(--mina);background-color: var(--mina);border-radius: 5rpx;padding: 0 6rpx;line-height: 29rpx;margin-left: 9rpx;}
.zhuanshu-mobile{font-size: 24rpx;color: #333;text-align: left;}
.zhuanshu-weixin{width: 39rpx;height: 37rpx;}
.bottom{padding: 45rpx 0 20rpx;text-align: center;}
.bot-name{font-size: 24rpx;color: #666;}
.bot-xuke{font-size: 20rpx;color: #999;justify-content: center;margin-top: 12rpx;}
.bot-xuke image{width: 19rpx;height: 21rpx;margin-left: 6rpx;}
.coupon{position: fixed;right: 9rpx;bottom: 55%;z-index: 50;}
.coupon-img{width: 86rpx;height: 87rpx;background: linear-gradient(180deg, #FF9E01 0%, #FE0419 100%);border-radius: 50%;overflow: hidden;}
.coupon-img image{width: 44rpx;height: 45rpx;margin: 13rpx auto 0;}
.coupon-text{width: 92rpx;height: 29rpx;background: linear-gradient(180deg, #FF9E01 0%, #FE0419 100%);border-radius: 6rpx;font-size: 19rpx;color: #fff;text-align: center;line-height: 29rpx;margin-top: -24rpx;}
.contact{position: fixed;right: 0;bottom: 20%;width: 139rpx !important;height: 85rpx !important;background: linear-gradient(90deg, var(--submain) 0%, var(--mina) 100%);box-shadow: 0 3rpx 24rpx 1rpx rgba(0,65,196,0.2);border-radius: 55rpx 0 0 55rpx !important;overflow: hidden;text-align: center;z-index: 50;padding-left: 13rpx !important;box-sizing: border-box;}
.contact image{width: 60rpx;height: 60rpx;border-radius: 50%;background-color: #fff;margin-right: 10rpx;}
.contact-text{font-size: 20rpx;color: #fff;}
.contact-text text{display: block;font-weight: normal;}

.con-ss{position: relative;transition: all .3s ease;}


.isPlay {
		animation: big 0.2s 1 alternate ease-in-out forwards;
	}
 
@keyframes big {
	100% {
		height: 500rpx;
	}
	100% {
		height: 1000rpx;
	}
}

.isPlaasf {
	animation: biasd 0.5s 1 alternate ease-in-out forwards;
}

@keyframes biasd {
	0% {
		height: 1000rpx;
	}

	100% {
		height: 500rpx;
	}
}