/**index.wxss**/
page{
	background-color: #fff;
}
.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;padding-left: 30rpx;}
.top-home{width: 65rpx;height: 65rpx;border-radius: 50%;margin-right: 6rpx;justify-content: flex-start;}
.top-home image{width: 34rpx;height: 34rpx;}
.search{width: 400rpx;height: 65rpx;background-color: rgba(255,255,255,.4);border-radius: 33rpx;padding: 0 30rpx;font-size: 28rpx;color: #fff;}
.search image{width: 28rpx;height: 28rpx;margin-right: 13rpx;}

.top-navc{position: relative;padding-left: 80rpx; padding-right: 80rpx;}
.searchc{width: 100%;height: 65rpx;background-color: rgba(255,255,255,.4);border-radius: 33rpx;padding: 0 30rpx;font-size: 28rpx;color: #fff;}
.searchc 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;}
.banner-bg::after{background-color: #003050;}
.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;right: 0;}
.zhuanshu-t image{width: 92rpx;height: 32rpx;position: relative;z-index: 2;}
.zhuanshu-t:before,.zhuanshu-t1: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;right: 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;color: #333;}
.zhuanshu-img{width: 100rpx;height: 100rpx;background-color: #fff;border-radius: 50rpx;margin-right: 20rpx;}
.zhuanshu-name{font-size: 32rpx;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;}
.card-spe .datas{padding-bottom: 60rpx;}
.card-spe .zhuanshu-box{height: 195rpx !important;}
.card-spe .zhuanshu-info{background: none;color: #fff;}
.card-spe .zhuanshu-name text{background: none;border-color: #fff;}
.zhuanshu-mobile{font-size: 24rpx;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;}
.contact-spe{bottom: 40%;width: 110rpx !important;height: 180rpx !important;background: linear-gradient(180deg, #70FFFA 0%, #0043C8 100%);border-radius: 55rpx 55rpx 0 30rpx !important;padding-left: 0 !important;flex-direction: column;}
.contact-spe image{width: 78rpx;height: 78rpx;border-radius: 50%;margin: 18rpx auto 8rpx;}
.contact-spe .contact-text{font-size: 26rpx;font-weight: bold;}
.contact-spe .contact-text text{font-size: 18rpx;}

.more-fa{position: fixed;left: 0;top: 25%;background: linear-gradient(90deg, var(--submain) 0%, var(--mina) 100%);box-shadow: 0 3rpx 24rpx 1rpx rgba(0,65,196,0.2);border-radius: 0 30rpx 30rpx 0;overflow: hidden;text-align: center;z-index: 50;box-sizing: border-box;font-size: 24rpx;color: #fff;padding: 8rpx 18rpx 8rpx 12rpx;}
.more-fa image{width: 12rpx;height: 20rpx;margin-right: 10rpx;}

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


.newsDot{
	width: 16rpx;
	height: 16rpx;
	background: #FF5700;
	opacity: 1;
	border: 2rpx solid #FFFFFF;
	border-radius: 100%;
	position: absolute;
	top: 16rpx;
	right: 20rpx;
}

.bot-gg{position: fixed;left: 0;right: 0;bottom: 115rpx;background-color: rgba(255,255,255,.9);z-index: 51;font-size: 28rpx;color: #000000;height: 106rpx;
	box-shadow: 0rpx 5rpx 15rpx 1rpx rgba(0,0,0,0.16);
	border-radius: 53rpx;
	margin: 30rpx;
}
.gg-ico{width: 60rpx;height: 60rpx;background-color: #FC7619;border-radius: 50%;justify-content: center;margin-left: 30rpx;margin-right: 13rpx;}
.gg-ico image{width: 34rpx;height: 34rpx;}
.gg-close{width: 26rpx;height: 26rpx;margin: 0 30rpx;}
.shishic {height: 76rpx;overflow: hidden;padding-top: 15rpx;box-sizing: border-box;}
.shishic .li {box-sizing: border-box;height: 45rpx;line-height: 45rpx;}
.show {animation: showLayer 0.2s linear both;}
.hide {animation: hideLayer 0.2s linear both;}
@keyframes showLayer {
	0% {
		transform: translateY(0%);
	}
	100% {
		transform: translateY(140rpx);
	}
}
@keyframes hideLayer {
	0% {
		transform: translateY(140rpx);
	}
	100% {
		transform: translateY(0);
	}
}