html,
body {
	width: 100%;
}

.index-main {
	background-color: #EDF8FE;
	min-height: 100vh;
	box-sizing: border-box;
	color: #202325;
	overflow: auto;
    
}
.avtivity-bg{
	width: 100%;
	margin: 0 auto;
	background-image:url('../img/icon/activity/blh/bg_blh.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	padding: 11px 0;
	position: relative;
	overflow-x: hidden;
}
.contact{
	height: 130px;
	width: 128px;
	background-image:url('../img/icon/activity/blh/contact.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: fixed;
	right: -30px;
    top: 128px;
}
.advice{
	height: 112px;
	width: 106px;
	background-image:url('../img/icon/activity/blh/homeicon.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: fixed;
	right: -20px;
    top: 232px;
}
.advice_lable{
	margin: 20px 0 8px 20px;
}
.error{
	margin: 0 0 0 20px;
}
.advice_title{
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	color: #0A0B0D;
	line-height: 24px;
	font-weight: 600;
	padding: 24px 0 0 20px;
}
.person_info{
	height: 48px;
	width: 259px;
	background: #F2F3F5;
	border-radius: 6px;
	border: 0;
	margin: 0 20px;
	padding-left: 16px;
}
.advice_info{
	margin: 0 20px;
	border: 0;
	width: 243px;
	height: 96px;
	background: #F2F3F5;
	border-radius: 6px;
	padding: 12px 16px;
	font-family: PingFangSC-Medium;
}
.advice_btn{
	background: #57A0FF;
	border-radius: 24px;
	height: 48px;
	width: 275px;
	margin: 24px 20px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	font-weight: 500;
}
.advice_title{
	font-family: PingFangSC-Semibold;
	font-size: 20px;
	color: #0A0B0D;
	line-height: 24px;
	font-weight: 600;
	padding: 24px 0 0 20px;
}
.xxxxxx{
	position: absolute;
	top: 24px;
	right: 20px;
	z-index: 9999;
	height: 20px;
	width: 20px;
}
.wheel_bg{
	background-image:url('../img/icon/activity/blh/bg.png') ;
	background-size: 100% 100%;
	height: 416px;
	width: 316px;
	margin: calc(50vh - 208px) auto;
	position: relative;
	/* padding: 24px 20px; */
}
.logo{
	width: 161px;
	height: 35px;
	margin:0 auto;
	background-image:url('../img/icon/logo.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.logoyl{
	width: 161px;
	height: 35px;
	margin:0 auto;
	background-image:url('../img/icon/logo_yl.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.logoys{
	width: 161px;
	height: 35px;
	margin:0 auto;
	background-image:url('../img/icon/logo_ys.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.logoxwl{
	width: 161px;
	height: 35px;
	margin:0 auto;
	background-image:url('../img/icon/logo_dy.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.logoxsj{
	width: 161px;
	height: 35px;
	margin:0 auto;
	background-image:url('../img/icon/logo_xsj.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.logoqw{
	width: 161px;
	height: 35px;
	margin:0 auto;
	background-image:url('../img/icon/logo_gk.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.logoqh{
	width: 161px;
	height: 35px;
	margin:0 auto;
	background-image:url('../img/icon/logo_kf.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.logoblh{
	width: 161px;
	height: 35px;
	margin:0 auto;
	background-image:url('../img/icon/logo_blh.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.notice {
	position: absolute;
	top: 48px;
	left: calc(50% - 167.5px);
	display: flex;
	align-items: center;
	width: 335px;
	height: 26px;
	/* border-radius: 10px 10px 0 0;
	padding: 5px 10px; */
	overflow: hidden;
	z-index: 99;
	background-image:url('../img/icon/activity/notice_mobile.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	/* background: linear-gradient(0deg,rgba(39, 9, 9,.12),rgba(39, 9 ,9,.12)),linear-gradient(119deg,rgba(39 ,9, 9,.12) -10.27%,rgba(39, 9, 9,.12) 76.72%);
	backdrop-filter: blur(10px); */
}
.character{
	width: 375px;
	height: 160px;
	margin:2px auto 0px;
	background-image:url('../img/icon/activity/character.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.icon{
	height:16px;
	width:16px;
	margin-left: 10px;
}
.notification {
	font-family: DingTalk-JinBuTi;
	font-size: 14px;
	color: #000000;
	text-align: center;
	font-weight: 400;
	display: block;
	word-wrap: normal;
	white-space: nowrap;
	animation: scroll-left 20s linear infinite;
}
@keyframes scroll-left {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(-400%);
	}
}
.lucky_wheel{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .6);
	/* position: absolute; */
	position: fixed;
	top: 0;
	left: auto;
	right: auto;
	z-index: 199;
	box-sizing: border-box;
}
.gamelist{
	display: flex;
	width: 352px;
	margin: 0 auto;
}
.gameitem{
	width: 32px;
	height: 48px;
	margin: 0px 6px;
}
.gamepic1{
	height: 32px;
	width: 32px;
	background-image:url('../img/icon/activity/game/CP.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gamepic2{
	height: 32px;
	width: 32px;
	background-image:url('../img/icon/activity/game/QP.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gamepic3{
	height: 32px;
	width: 32px;
	background-image:url('../img/icon/activity/game/PG.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gamepic4{
	height: 32px;
	width: 32px;
	background-image:url('../img/icon/activity/game/PP.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gamepic5{
	height: 32px;
	width: 32px;
	background-image:url('../img/icon/activity/game/SX.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gamepic6{
	height: 32px;
	width: 32px;
	background-image:url('../img/icon/activity/game/BY.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gamepic7{
	height: 32px;
	width: 32px;
	background-image:url('../img/icon/activity/game/TY.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gamepic8{
	height: 32px;
	width: 32px;
	background-image:url('../img/icon/activity/game/DJ.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gametext{
	margin-top: 4px;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #5933EA;
	text-align: center;
	line-height: 14px;
	font-weight: 500;
}
.route-line{
	width: 330px;
	height: 50px;
	margin:0 auto;
	display: flex;
}
.line_bg{
	height: 132px;
	width: 335px;
	margin:0 auto;
	background-image:url('../img/icon/activity/blh/bg_line.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	padding: 12px 0 0;
}
.title_nowx{
	margin:10px auto;
	height: 20px;
	width: 150px;
	background-image:url('../img/icon/activity/blh/title_nowx.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.route-item{
	width: 110px;
	height: 50px;
	background-image:url('../img/icon/activity/blh/btn_line.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
}
.tip1{
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #5933EA;
	text-align: center;
	line-height: 14px;
	font-weight: 500;
	width: 100%;
	/* margin-top: 12px; */
}
.tip2{
	font-family: PingFangSC-Medium;
	font-size: 12px;
	color: #FFA000;
	text-align: center;
	line-height: 12px;
	font-weight: 500;
	width: 100%;
}
.line-url{
	width: 312px;
	height: 72px;
	margin: 12px auto 4px auto;
}
.url-item{
	float: left;
	width: 148px;
	height: 28px;
	/* opacity: 0.08; */
	background: rgba(157, 101, 253,0.08);
	border-radius: 6px;
	margin: 0 4px 8px 4px;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #5933EA;
	text-align: center;
	line-height: 28px;
	font-weight: 500;
	cursor: pointer;
}
.ewm_bg{
	height: 200px;
	width: 375px;
	background-image:url('../img/icon/activity/blh/bg_ewm.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	margin: 20px auto 30px auto;
	position: relative;
}
.wx_icon{
	height: 40px;
	width: 40px;
	background-image:url('../img/icon/activity/icon_wx.svg') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	margin-left: 24px;
}
.title_wx{
	height: 53px;
	width: 129px;
	background-image:url('../img/icon/activity/blh/title_wx.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	margin: 8px 24px;
}
.ewm_btn{
	height: 54px;
	width: 171px;
	background-image:url('../img/icon/activity/blh/btn_ewm.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	font-family: PingFangSC-Semibold;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 14px;
	text-shadow: 0 1px 2px #3E00AF;
	font-weight: 600;
	line-height: 42px;
	margin-left: 12px;
	cursor: pointer;
}
.ewm{
	height: 165px;
	width: 165px;
	background: #FFFFFF;
	border: 0.5px solid #BAAEFD;
	position: absolute;
	right: 20px;
	top: 0;
}
.img_ewm{
	margin: 10px;
	height: 145px;
	width: 145px;
}
.ewm_tip{
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #5933EA;
	text-align: center;
	line-height: 14px;
	font-weight: 500;
	width: 100%;
	margin-top: 8px;
}
.title_version{
	margin:0 auto;
	height: 21px;
	width: 114px;
	background-image:url('../img/icon/activity/blh/title_version.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.download{
	width: 253px;
	height: 70px;
	background-image:url('../img/icon/activity/blh/btn_download.png') ;
	background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	margin:4px auto;
	cursor: pointer;
	font-family: AlibabaPuHuiTi_3_105_Heavy;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	line-height: 18px;
	text-shadow: 0 1px 2px #3E00AF;
	font-weight: 900;
	line-height: 56px;
}
.title_hzhb{
	margin:0 auto;
	height: 21px;
	width: 102px;
	background-image:url('../img/icon/activity/blh/title_hzhb.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.bg_partner{
	margin:12px auto;
	height: 90px;
	width: 335px;
	background-image:url('../img/icon/activity/blh/bg_partner.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.partner_pic{
	display: flex;
	margin: 0 12px;
}
.partner_name{
	display: flex;
	margin: 0 12px;
}
.pic_item1{
	margin: 14px 12px 0 12px;
	height: 38px;
	width: 38px;
	background-image:url('../img/icon/activity/partner/PG.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.pic_item2{
	margin: 14px 12px 0 12px;
	height: 38px;
	width: 38px;
	background-image:url('../img/icon/activity/partner/JDB.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.pic_item3{
	margin: 14px 12px 0 12px;
	height: 38px;
	width: 38px;
	background-image:url('../img/icon/activity/partner/CQ9.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.pic_item4{
	margin: 14px 12px 0 12px;
	height: 38px;
	width: 38px;
	background-image:url('../img/icon/activity/partner/PT.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.pic_item5{
	margin: 14px 12px 0 12px;
	height: 38px;
	width: 38px;
	background-image:url('../img/icon/activity/partner/PP.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.name_item1{
	margin: 6px 12px 0 12px;
	height: 18px;
	width: 38px;
	background-image:url('../img/icon/activity/blh/1_PG.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.name_item2{
	margin: 6px 12px 0 12px;
	height: 18px;
	width: 38px;
	background-image:url('../img/icon/activity/blh/2_jdb.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.name_item3{
	margin: 6px 12px 0 12px;
	height: 18px;
	width: 38px;
	background-image:url('../img/icon/activity/blh/3_cq9.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.name_item4{
	margin: 6px 12px 0 12px;
	height: 18px;
	width: 38px;
	background-image:url('../img/icon/activity/blh/4_pt.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.name_item5{
	margin: 6px 12px 0 12px;
	height: 18px;
	width: 38px;
	background-image:url('../img/icon/activity/blh/5_PP.png') ;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.bottom_tip{
	margin-top: 14px;
	width: 100%;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #5933EA;
	text-align: center;
	line-height: 14px;
	font-weight: 500;
}
@media (min-width: 480px) {

	html,
	body {
		width: 428px;
		margin: auto;
	}
	.lucky_wheel {
		width: 428px;
		margin: auto;
	}
	
	.contact{
		height: 130px;
		width: 128px;
		background-image:url('../img/icon/activity/blh/contact.png') ;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: fixed;
		right: -30px;
		top: 128px;
	}
}
/* @media (min-width: 1440px) {
	html,
	body {
		width: 1440px;
		margin: auto;
	}
	.avtivity-bg{
		width: 1440px;
		margin: 0 auto;
		height: 2700px;
		background-image:url('../icon/activity/web_bg.png') ;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		padding: 42px 0;
		position: relative;
	}
	.contact{
		height: 188px;
		width: 175px;
		background-image:url('../icon/activity/contact.png') ;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		right: 0;
		top: 1584px;
		cursor: pointer;
	}
	.logo{
		width: 210px;
		height: 64px;
		margin:0 auto 20px;
		background-image:url('../icon/activity/logo_blh.png') ;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.notice {
		display: flex;
		align-items: center;
		width: 800px;
		height: 40px;
		overflow: hidden;
		z-index: 99;
		background-image:url('../icon/activity/web_notice.png') ;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		margin: 0 auto;
		padding: 0 48px;
	}
	.icon{
		height:20px;
		width:20px;
	}
	.notification {
		font-family: DingTalk-JinBuTi;
		font-size: 20px;
		color: #000000;
		text-align: center;
		font-weight: 400;
		display: block;
		word-wrap: normal;
		white-space: nowrap;
		animation: scroll-left 20s linear infinite;
	}
	@keyframes scroll-left {
		0% {
			transform: translateX(100%);
		}
	
		100% {
			transform: translateX(-400%);
		}
	}
	.route-line{
		width: 726px;
		height: 92px;
		margin:0 auto;
		display: flex;
		margin-top: 794px;
	}
	.route-item{
		width: 242px;
		height: 92px;
		background-image:url('../icon/activity/line_btn.png') ;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		font-size: 24px;
		color: #FFFFFF;
		text-align: center;
		line-height: 72px;
	}
	.tip1{
		font-family: PingFangSC-Medium;
		font-size: 24px;
		color: #5933EA;
		text-align: center;
		line-height: 24px;
		font-weight: 500;
		width: 100%;
		margin-top: 30px;
	}
	.tip2{
		font-family: PingFangSC-Medium;
		font-size: 24px;
		color: #FFA000;
		text-align: center;
		line-height: 24px;
		font-weight: 500;
		width: 100%;
	}
	.line-url{
		width: 920px;
		height: 144px;
		margin: 24px auto 10px auto;
	}
	.url-item{
		float: left;
		width: 440px;
		height: 56px;
		background: rgba(157, 101, 253,0.08);
		border-radius: 12px;
		margin: 0 10px 16px 10px;
		font-family: PingFangSC-Medium;
		font-size: 24px;
		color: #5933EA;
		text-align: center;
		line-height: 56px;
		font-weight: 500;
	}
	.ewm{
		height: 258px;
		width: 258px;
		margin-left: 904px;
		margin-top: 146px;
	}
	.download{
		width: 471px;
		height: 156px;
		background-image:url('../icon/activity/download_btn_web.png') ;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		margin:300px 756px;
	}
} */