/************ 悬浮导航 ************/
.nov-float{
	position: fixed;
	top: 180px;
	left: calc(50% - 740px);
	z-index: 88;
}

.hob-inlet:not(.disable) .hob-inlet-02{
	animation: hob_shake 1s infinite
}
.hob-inlet:not(.disable):hover .hob-inlet-02{
	animation: hob 1s 1
}
.for-get-now{
	z-index: 33;
	animation: hob_btn 2.5s infinite
}
@keyframes hob_shake {
    15%, 45%{
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        transform-origin: 50% 100%; 
    }
    30%{
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        transform-origin: 50% 100%;
    }
    60% ,100%{
    	-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: 50% 100%;
    }
}
@keyframes hob{
	10%, 30%, 50%{
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    20%, 40% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    60% ,100%{
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes hob_btn{
	10%, 30%, 50%, 70%, 90%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    20%, 40%, 60%, 80%{
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


.hob-mb{
	display: none;
}
@media(max-width: 1400px){
	.nov-float{
		left: 0;
		transform: scale(0.7);
	}
}
@media(max-width: 1199px){
	.nov-float{
		display: none;
	}
}
@media(max-width: 768px){
	.mb-nav{
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		font-size: 0;
		text-align: center;
		z-index: 66;
		background-image: linear-gradient(0deg, #FFE6C8 0%, #FEFCF9 100%);
		box-shadow: 6px 2px 9px 0 rgba(110,33,12,0.34);
	}
	.mb-nav a{
		display: inline-block;
		width: 33.333333%;
		padding: 5px 0;
		color: #f66f6a;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
	}
	.mb-nav a.active{
		color: #fff;
		background-image: linear-gradient(-13deg, #6A00FF 0%, #ED0F55 100%);
	}
	.hob-mb{
		display: block;
		position: fixed;
		width: 58px;
		height: 67px;
		right: 0;
		top: 30%;
		z-index: 8;
	}
	
	.hob-mb.disable{
		display: none;
	}
}
/************ 悬浮导航 ************/





/************ 红包 ************/
.hongbao-wrapper{
	 display: none; 
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 200;
}
.hongbao-wrapper i{
	display: block;
	position: absolute;
	width: 96px;
	height: 131px;
	top: -200px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(hb.png);
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
	-webkit-transition: 2.5s top transform;
	-moz-transition: 2.5s top transform;
	-ms-transition: 2.5s top transform;
	-o-transition: 2.5s top transform;
	transition: 2.5s top transform;	
	cursor: pointer;
}
.hongbao-wrapper i.on{opacity: 0;transition:all 0.3s;}
.hongbao-wrapper i:nth-child(12){

	background-image: url(hb1.png);
	
}
.hongbao-wrapper i:nth-child(6n){

	background-image: url(hb1.png);
	
}
 .hongbao-wrapper i.rotate{
	-webkit-transform: rotate(7200deg);
	-ms-transform: rotate(7200deg);
	-o-transform: rotate(7200deg);
	transform: rotate(7200deg);
} 
.hob-cd{
	position: absolute;
	color: #fff;
	font-size: 30px;
	top: 100px;
	left: 200px;
}
.hob-close{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 100px;
	right: 200px;
	cursor: pointer;
}
.hob-close::before,
.hob-close::after{
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	top: 19px;
	left: 5px;
	background-color: #eee;
	border-radius: 2px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.hob-close::after{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
[mod-relation="hobCoupon"]{
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(modal-bg.jpg);
}
[mod-relation="hobCoupon"] h5{
	color: #f66f6a;
	font-size: 30px;
	font-weight: bold;
	line-height: 46px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(modal-title.png);
	background-size: contain;	
}
[mod-relation="hobCoupon"]  p{
	margin-bottom: 20px;
}
.mod-footer{
	background: #feefd7;
}
.hobCoupon-img{
	width: 712px;
	margin: 0 auto;
}


@media(max-width: 1199px){}
@media(max-width: 768px){
	[mod-relation="hobCoupon"] h5{
		font-size: 20px;
	}
	.hobCoupon-img{
		max-width: 100%;
	}
	.hob-cd{
		top: 20px;
		left: 30px;
	}
	.hob-close{
		top: 20px;
		right: 20px;
	}
}
@media(max-width: 720px){}
@media(max-width: 480px){}
@media(max-width: 414px){}
@media(max-width: 375px){}
@media(max-width: 360px){
	[mod-relation="hobCoupon"] h5{
		font-size: 18px;
	}
}
@media(max-width: 320px){
	[mod-relation="hobCoupon"] h5{
		font-size: 16px;
	}
}


/************ 红包 ************/

/*七周年活动样式*/
.zhoqiu {
			background: url(hbdm_1.jpg) top center no-repeat;
			background-size: cover;
			overflow: hidden;
		}

		.zqzwg {
			height: 664px;
			background: url(hbdm_12.png) top center no-repeat;
			width: 100%;overflow: hidden;
			margin-top: 110px;
		}
		dt.bodt{
			width:216px;
			height:55px;
			text-align: center;
			line-height: 55px;
			background: url(hbdm_11.png) top center no-repeat;
			color: #faeebc;font-size: 31px;
			margin:0 auto;
			margin-bottom:10px;
		}
	.zhoqiu	.row{position: relative;}
	.zhoqiu	.row ul li{width: 341px;height: 170px;display: inline-block;
	background: url(hbdm_10.png) top center no-repeat;
	overflow: hidden;margin-right:41px;
	}
	.zhoqiu .row ul li .tpic{margin-top: 28px;}
	.zhoqiu	.row ul li:nth-child(2){background: url(hbdm_8.png) top center no-repeat;}
	.zhoqiu	.row ul li:nth-child(3){background: url(hbdm_9.png) top center no-repeat;margin-right:0;}
	.zhoqiu	.row ul li dt{text-align: center;font-size: 18px;color: #a1b9f6;line-height: 30px;
    text-indent: 12px;}
	.zhoqiu	.row ul li:nth-child(2) .text{margin-top: -10px; padding-left:61px;}
	.zhoqiu	.row ul li:nth-child(3) .text{padding-left: 70px;}
	.zhoqiu	.row ul{text-align: center; overflow: hidden;}
	.zhoqiu	.row ul li .text{padding-left: 31px;color: #000000;line-height: 18px;font-size: 16px;margin-top:0px;text-align: left;padding-right: 30px;}
	.sect_1115{width:1115px;margin: 0 auto;}
	.zhoqiu .row ul li:nth-child(2) .tpic{margin-top: 20px;}
	.zhoqiu	.row .rowbotimg{background: url(gfdytrertf.png) top center no-repeat;height: 200px;width: 100%;margin-top: 30px;}
	.zhoqiu	.row1{background:none;width:1200px;overflow: hidden;margin-top:30px;height: auto;}
	.zhoqiu	.row1 ul li{width: 288px;height: 288px;display: inline-block;margin-right: 11px;background: url(fewrfdr.png) top center no-repeat;}
	.zhoqiu	.row1 ul li:nth-child(4n){margin-right:0;}
	.zhoqiu	.row1 ul li dt{color: #e2403c;text-align: center;font-size: 29px;margin-top:62px;}
	.zhoqiu	.row1 ul li p{color: #886e09;text-align: center;font-size: 20px;margin-top:15px;}
	.zhoqiu	.row1 ul li  .ljczd{width: 159px;
	height: 34px;
	background-color: #e21524;
	border: solid 2px #a33e07;display: inline-block; line-height: 34px;text-align: center;color: #ffffff;font-size: 20px;border-radius: 20px;margin-top: 25px;}
	.zhoqiu	.xsbot{padding-bottom:62px;}
	.zhoqiu	.xsbot .sect_1200>dt{color: #faeebc;text-align: center;font-size: 31px;background: url(dwrwt.png)  center no-repeat;margin-top:80px;margin-bottom:40px;}
	.zqzwg .tm{width: 320px;
	height: 46px;
	border-radius: 23px;text-align: center;line-height: 46px;
	border: dashed 1px #4f423c; margin: 0 auto; display:block;color: #785f02;	font-size: 18px;margin-top:339px;}
	
	.row .ckhdxq{text-decoration: underline;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height:24px;right: 0; top: -15px;
	letter-spacing: 2px; 
	color: #0324a6; position: absolute; text-shadow: 1px 2px 2px #fbefd6;cursor: pointer;}
	.row .ckhdxq:hover .shotext{display: block;}
	.hdxq{float: right;margin-bottom: 18px;cursor: pointer;position: relative;}
	.hdxq:hover .shotext{display: block;}
	.hdxq .shotext{bottom:40px;}
	.hdxq .shotext .arr0{bottom: 0;top:auto;}
	.hdxq .shotext .arr, .shotext .arr1{transform: rotate(
180deg);
    top: 0;}
	.cbanner img{width:100%;}
	.tijiaodaimu{margin: 24px 0;}
	.tijiaodaimu textarea{width: 1146px;padding: 10px;
	height: 128px;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 4px #fc852c;margin: 0 auto;display: block;}
	.tijiaodaimu  .tjan{width: 220px;height: 63px;background: url(hbdm_15.png)  center no-repeat;margin: 0 auto;display: block; border:none;margin-top: 25px;
cursor: pointer;	
	}
	.tijiaodaimu  .tjan.on{background: url(hbdm_16.png)  center no-repeat;}
	.tijiaodaimu  .tjan:hover{transition: all 0.3s;  transform: scale(0.95);}
	.rows3{margin-bottom: 30px;}
	.zysx{width: 1199px; margin: 0 auto;
	height: 188px; background-color:rgba(255,255,255,0.45);}
	.zysx dt{width: 1198px;
	height: 43px; text-align:center; color: #fff;	font-size: 20px;line-height: 43px;
	background-color: #3abddd;margin-bottom: 20px;}
	.zysx p{text-indent: 29px;line-height: 34px;color: #000000;}
	.zysx ul p a{color: #e64809; cursor: pointer;}
	.rdtwe{height: 80px;background: url(hbdm_13.png) top center no-repeat;position: relative;margin-bottom: 20px;}
	.rdtwe .sect_1194{position: relative; }
	.rdtwe dt{width: 46px;
	height: 49px;
	font-family: MicrosoftYaHei;
	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	line-height:25px;
	letter-spacing: 0px;
	color: #ff6d00;position: absolute;
    margin-left: -30px;}
		.rdtwe p{font-size: 18px;line-height: 30px;color: #fffefe;
padding-left:51px;margin-top: 10px;}
.dmkg{
    float: right;
    margin-right: -50px;
    margin-top: -50px;
    width: 130px;
    }
.dmkg .layui-form-label{display: block;color: #000;float: right;padding: 9px 0;width: 70px;}



	.hbtcrow1{width: 574px;height: 513px;position: absolute;left:50%;margin-left: -287px;top: 50%;margin-top: -207.5px;background: url(hbdm_5.png)  center no-repeat;z-index: 9999;}
	.hbtcrow1 dt{font-size: 33px;color: #e2112c;text-align: center;margin-top: 33px;}
	.hbtcrow1 p{font-size: 78px;text-align: center;color: #e2112c;}
	.hbtcrow1 p strong{width: 27px;
	height: 26px; border-radius: 100px;
	background-color: #e2112c; text-align:center; line-height: 26px;font-size: 12px; color: #fff;display: inline-block;}
	.hbtcrow1 span{text-align: center;font-size: 19px;color: #515151;margin-top: 50px;display:block; }
	.hbtcrow1 span a{color: #1662d5;font-size: 19px;}
	.hbtcrow1  .zdl{width: 247px;
	height: 55px;
	background: url(hbdm_3.png)  center no-repeat;
	position: absolute;
	bottom: 103px;
	left: 50%;
	margin-left: -123.5px;
	cursor: pointer;
	}
	
	.hbtcrow2{width:460px;height:380px;position: absolute;left:50%;margin-left: -230px;top: 50%;margin-top: -190px;background: url(hbdm_2.png)  center no-repeat;z-index: 9999;}
	.hbtcrow2 dt{font-size: 36px;color: #eb6f61;text-align: center;margin-top: 120px;}
	.hbtcrow2 p{	font-size: 21px;text-align: center;color: #000; margin-top: 40px;}

	.hbtcrow2  .zdl{width: 247px;
	height: 55px;
	background: url(hbdm_4.png)  center no-repeat;
	position: absolute;
	bottom:55px;
	left: 50%;
	margin-left: -123.5px;
	cursor: pointer;
	}
.dsknum {width: 1146px;margin: 0 auto;
    display: block;}
	.dsknum span{ float: right;margin-top: 	-25px;}
	.hbfltc{position: fixed;z-index: 999;width: 100%;height: 70%;text-align: center; font-size: 60px; color: #fff;
	background-color: rgba(0,0,0,.8);
	top: 0;padding-top:30%;display: none;
	}
		.hbfltc .hbdjs{color: #fff;font-size: 60px;display: block;text-align: center;}
		.layui-form-onswitch{float: left;}
		.layui-input-block{margin-left: 0;}