/*--------------------��������------------------------*/
.main_container{width: 100vw;min-width: 1400px;height: 100vh;}
.page_slide{width: 100vw;height: 100vh;position: relative;display: flex;display: -webkit-flex;justify-content: center;align-content: center;}

/*��ҳ*/
.home_area{background: url(./bg_new_1.jpg) no-repeat 50% 50%/cover;}
.home_area_wraper{width: 1135px;display: flex;display: -webkit-flex;align-content: flex-end;margin: 0 auto;flex-wrap: wrap;position: absolute;left: 50%;bottom: 62px;transform:translateX(-50%);text-align: center;}
.btn_video{display: block;background: url(./video_icon.png) no-repeat;width: 115px;height: 116px;margin: 0 auto;}
.btn_yuyue{display: block;width: 297px;height: 80px;text-indent: -999em;background-position: 0 -232px !important;margin: 0 auto;}
.btn-unbind{
	margin: 0 auto;
}
.ordered{
	display: block;
	background-position: -340px -232px !important;
	width: 300px;
	height: 80px;
	margin: 0 auto 10px;
}
.home_area_wraper .scale_cn{transform-origin: 50% 100% !important;-webkit-transform-origin: 50% 100% !important;-moz-transform-origin: 50% 100% !important;}
.home_area.page_slide{height: 100vh !important;}
/* .next_icon{position: absolute;background: url(//game.gtimg.cn/images/dunk/web20220224/next_page.png) no-repeat;width: 86px;height: 43px;bottom: -100px;left: 50%;margin-left: -43px;} */
.txts{background: url(./txt_bg1.png) no-repeat;width: 1010px;height: 34px;line-height: 34px;color: #8fb6ea;font-size: 16px;text-align: center;margin: 5px auto;}
/*--��ѯ--*/
.news_area{background: url(./bg2.jpg) no-repeat 50% 50%/cover;}
.news_area:before{content: "";position: absolute;background: url(./bg_icon1.png) no-repeat 0 50%/auto 100%;height: 100%;width: 51px;left: 0;top: 0;}
.news_area .container{display: flex;display: -webkit-flex;align-items: center;}
.news_area .scale_cn{width: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;position: relative;}
.activity_show_box{background: url(./activity_slide_bg.png) no-repeat;width: 769px;height: 606px;position: relative;padding-top: 15px;}
.activity_show_box:before{content: "";background: url(./activity_slide_icon1.png) no-repeat;width: 150px;height: 141px;left: -36px;top: -36px;z-index: 3;pointer-events: none;position: absolute;}
.activity_show_box:after{content: "";background: url(./activity_slide_icon2.png) no-repeat;width: 165px;height: 146px;right: -40px;top: -40px;z-index: 3;pointer-events: none;position: absolute;}
.activity_swiper{width: 750px;height: 550px;overflow: hidden;margin: 0 auto;}
.activity_swiper img,.activity_swiper a{display: block;width: 750px;height: 550px;}
.activity_swiper_nav{position: absolute;width: 750px;left: 10px;bottom: 40px;display: flex;display: -webkit-flex;justify-content: space-around;z-index: 3;}
.activity_swiper_nav a{display: block;width: auto;height: 44px;background: rgba(0,0,0,0.7);flex: 1;color: #d0d0d0;font-size: 16px;text-align: center;line-height: 42px;border-bottom: 2px solid transparent;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;padding: 0 15px;}
.activity_swiper_nav a.on{color: #ffa939;border-color: #ffa939;}

.ggBox { width:750px; height:550px;margin: 0 auto;}/*�޸ijɹ��ͼƬ�ijߴ缴��*/
.ggBox { position:relative; background:#0e97dc; overflow:hidden}
/*�������ֲ���ͼƬ��ʽ�������޸�*/
.adPic { position:absolute; width:100%; height:100%; left:0; top:0}
.adPic a { display:block; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; background:#0e97dc}
.adPic img { width:100%; height:100%; position:absolute; top:0; left:0}
.adPic p { position:relative; padding-top:50px}
.loadI { width:130px; text-align:center; line-height:20px; color:#FFF; background:#18b2ff; margin:0px auto; display:block}
.adPicUl { width:1000%; height:100%; overflow:hidden; -webkit-transition: all 0.1s linear; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden}
.adPicUl li { float:left; width:14.3%; height: 100%;}
.adPicUl a { display:block; width:100%; height: 100%}
.adPicUl img { display:block; width:100%; height:100%}
/*�������ֲ�С��ť��ʽ���ɰ���Ƹ��Լ��޸�~*/
.adBtn {position: absolute;width: 750px;left: 0;bottom: 0;display: flex;display: -webkit-flex;justify-content: space-around;z-index: 3;}
.adBtn a {display: block;width: auto;height: 44px;background: rgba(0,0,0,0.7);flex: 1;color: #d0d0d0;font-size: 16px;text-align: center;line-height: 42px;border-bottom: 2px solid transparent;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;padding: 0 15px;}/*С��ť��ʽ*/
.adBtn a.on,.adBtn a:hover {color: #ffa939;border-color: #ffa939;}/*С��ť��ǰ֡��ʽ*/

.news_show_box{width: 550px;height: 410px;overflow: hidden;position: relative;z-index: 3;}
.news_tab{display: flex;display: -webkit-flex;width: 100%;border-bottom: 1px solid #515151;}
.news_tab a{display: block;color: #cdcdcd;font-size: 24px;line-height: 48px;border-bottom: 3px solid transparent;margin-bottom: -1px;margin-right: 50px;letter-spacing: 1px;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;padding: 0 6px;}
.news_tab a.on{border-color: #ffcd64;}
.news_tab a:last-child{margin-right: 0;}
.news_cn_show{padding-top: 20px;height: 320px;}
.news_list{width: 100%;height: 100%;}
.news_list li{display: flex;display: -webkit-flex;color: #c0c0c0;font-size: 18px;line-height: 24px;position: relative;width: 100%;align-items: center;padding-bottom: 25px;}
.news_sort1{display: block;flex-shrink: 0;width: 45px;height: 24px;box-sizing: border-box;border: 1px solid currentcolor;color: #ff4a4a;text-align: center;line-height: 24px;}
.news_sort2{display: block;flex-shrink: 0;width: 45px;height: 24px;box-sizing: border-box;border: 1px solid currentcolor;color: #e98f46;text-align: center;line-height: 24px;}
.news_sort3{display: block;flex-shrink: 0;width: 45px;height: 24px;box-sizing: border-box;border: 1px solid currentcolor;color: #4d9cff;text-align: center;line-height: 24px;}
.news_title{display: flex;display: -webkit-flex; color: #c0c0c0;font-size: 18px;line-height: 24px;flex-shrink: 0;width: 455px;}
.news_txt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex-shrink: 0;margin-left: 5px;width: 405px;}
.news_time{position: absolute;right: 0;top: 0;}
.news_list li:hover .news_title{color: #e6bd68;}
.more_news{display: flex;display: -webkit-flex;width: 100%;height: 40px;line-height: 40px;background: rgba(255,255,255,0.18);color: #bababa;font-size: 20px;text-align: center;justify-content: center;align-items: center;}
.more_news span{color: #e6bd68;}
.more_news em{display: block;width: 28px;height: 1px;background-color: #e6bd68;position: relative;}
.more_news em:before{content: "";position: absolute;width: 1px;height: 6px;background-color: #e6bd68;transform: rotate(-45deg);transform-origin: 100% 100%;right: 0;bottom: 1px;}
.more_news em:after{content: "";position: absolute;width: 1px;height: 6px;background-color: #e6bd68;transform: rotate(45deg);transform-origin: 0 0;right: 0;top: 1px;}
.pic_zs2{position: absolute;pointer-events: none;background: url(./pic_zs2.png) no-repeat 50% 0/100% auto;width: 20vw;height: 303px;left: 50%;margin-left: 10vw;bottom: -38%;}
.pic_zs1{position: absolute;pointer-events: none;background: url(./pic_zs3.png) no-repeat 50% 0/100% auto;width: 8.5vw;height: 10vw;left: 50%;margin-left: 22vw;top: -6vw;}

/*--��Ϸ��ɫ--*/
.features_area{background: url(./bg3.jpg) no-repeat 50% 50%/cover;}
.features_area .container{height: 100%;display: flex;display: -webkit-flex;align-content: center;justify-content: flex-end;flex-wrap: wrap;position: relative;}
.features_area .scale_cn{position: relative;display: flex;;display: -webkit-flex;justify-content: flex-end;flex-wrap: wrap;height: 900px;top: 50%;margin-top: -450px;position: absolute;}
.features_box{background: url(./features_bg.png) no-repeat;width: 1050px;height: 688px;padding: 9px 7px 0 8px;position: relative;}
.features_slide{width: 1035px;height: 582px;overflow: hidden;padding-bottom: 123px;position: relative;}
.features_slide img{display: block;width: 1035px;height: 582px;}
.features_area .scale_cn:after{content: "";background: url(./features_rw.png) no-repeat 50% 0/auto 100%;width: 568px;height: 927px;left: 50%;top: 50%;transform: translate(-138%,-53%);position: absolute;pointer-events: none;z-index: 3;}
.features_prev{position: absolute;background: url(./arrow_icon1.png) no-repeat;width: 48px;height: 48px;z-index: 3;bottom: -10px;right: 60px;}
.features_next{position: absolute;background: url(./arrow_icon1.png) no-repeat;width: 48px;height: 48px;z-index: 3;bottom: -10px;right: 0;transform: rotate(180deg);}


/*--��������--*/
.content_area.page_slide{background: url(./bg4.jpg) no-repeat 50% 50%/cover;height: 1080px;}
.content_area .container{height: 100%;display: flex;display: -webkit-flex;align-content: center;flex-wrap: wrap;position: relative;}
.content_area:after{content: "";position: absolute;background: url(./bg_icon.png) no-repeat 0 50%/auto 100%;width: 35vw;height: 50vh;left: 50%;margin-left: calc(  -100vw / 2 ); top: -30%;pointer-events: none;z-index: 2;}
.content_area .scale_cn{position: relative;display: flex;display: -webkit-flex;flex-wrap: wrap;height: 900px;top: 50%;margin-top: -450px;position: absolute;}

.spearea_box{height: 420px;position: relative;}
.spearea_box_tit{display: flex;display: -webkit-flex;align-items: center;width: 100%;position: relative;}
.spearea_tit{color: #dddddd;font-size: 40px;line-height: 41px;border-left: 4px solid #ffcd64;padding: 0 45px 0 10px;flex-shrink: 0;}
.spearea_cn{display: none;}
.image_text_tab{display: flex;;display: -webkit-flex;display: -webkit-flex;font-size: 24px;line-height: 25px;width: 1185px;border-bottom: 1px solid #515151;}
.image_text_tab a{color: #cdcdcd;display: block;border-bottom: 3px solid transparent;margin-bottom: -1px;padding-bottom: 6px;margin-right: 38px;}
.image_text_tab a:last-child{margin-right: 0;}
.image_text_tab a.on{border-color: currentcolor;color: #ffcd64;}
.more_cn_icon{color: #ba906a;font-size: 20px;line-height: 40px;right: 0;bottom: 0;width: 80px;position: absolute;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.more_cn_icon em{display: block;width: 20px;height: 1px;background-color: #e6bd68;position: relative;margin-left: 5px;}
.more_cn_icon em:before{content: "";position: absolute;width: 1px;height: 6px;background-color: #e6bd68;transform: rotate(-45deg);transform-origin: 100% 100%;right: 0;bottom: 1px;}
.more_cn_icon em:after{content: "";position: absolute;width: 1px;height: 6px;background-color: #e6bd68;transform: rotate(45deg);transform-origin: 0 0;right: 0;top: 1px;}
.image_text_show{height: 365px;position: relative;margin-top: 19px;}
.image_text_cn{display: none;}
.latest_info{display: flex;;display: -webkit-flex;display: -webkit-flex;justify-content: space-between;align-content: center;}
.latest_list{width: 825px;height: 100%;flex-shrink: 0;}
.latest_list a{border: 1px solid rgba(255,255,255,0.2);overflow: hidden;position: relative;}
.latest_list a img{display: block;width: 100%;height: 100%;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;}
.latest_activity1{float: left;width: 508px;height: 358px;}
.latest_activity2{float: right;width: 308px;height: 175px;margin-bottom: 7px;}
.latest_activity2:last-child{margin-bottom: 0;}
.info_intro{position: absolute;width: 100%;height: 35px;padding: 0 80px 0 15px;left: 0;bottom: 0;background: rgba(0,0,0,0.65);color: #c3c3c3;font-size: 16px;line-height: 35px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;display: flex;display: -webkit-flex;align-items: center;}
.info_intro span{position: absolute;right: 15px;bottom: 0;height: 100%;display: flex;display: -webkit-flex;align-items: center;}
.info_intro p{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest_activity2 .info_intro{padding-right: 70px;}
.latest_list a:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}
.latest_list a:hover .info_intro{height: 80px;}
.latest_list a:hover .info_intro p{text-overflow: initial;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;}
.latest_news_list{width: 550px;height: 100%;}
.latest_news_list li{display: flex;display: -webkit-flex;color: #c0c0c0;font-size: 18px;line-height: 24px;position: relative;width: 100%;align-items: center;margin-bottom: 24px;}
.latest_news_list li:hover .news_title{color: #e6bd68;}
@font-face {
	font-family: "FZGongYHJW";
	src: url(/web20220224/font/FZGongYHJW.ttf);
}
.player_list_box{display: flex;display: -webkit-flex;width: 100%;justify-content: space-between;}
.player_list{display: flex;display: -webkit-flex;width: 1262px;justify-content: space-between;}
.player_list a{display: block;width: 139px;height: 358px;overflow: hidden;position: relative;transition: 0.4s ease;-webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;}
.player_list img{display: block;width: 139px;height: 358px;}
.player_info{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.65);left: 0;bottom: -100%;transition: 0.4s ease;-webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;align-content: center;justify-content: center;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.player_list a:hover .player_info{bottom: 0;}
.player_place{color: #ffffff;font-size: 22px;line-height: 30px;width: 100%;text-align: center;}
.player_name{color: #ffffff;font-size: 44px;font-family: "FZGongYHJW";width: 100%;text-align: center;line-height: 50px}
.n_spe{font-size: 30px;}
.player_check{display: block;color: #ffcd64;font-size: 18px;width: 86px;height: 30px;margin: 8px auto 0;border: 1px solid currentcolor;text-align: center;line-height: 30px;}
.more_player{display: block;width: 139px;height: 358px;display: -webkit-flex;background: url(//game.gtimg.cn/images/dunk/web20220224/pic_player_more.jpg) no-repeat 50% 0/100% auto;color: #8f4000;font-size: 24px;justify-content: center;align-items: center;line-height: 26px;transition: 0.4s ease;-webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;}
.player_list a .pic_big{position: absolute;width: 559px;height: 358px;left: 0;top: 0;opacity: 0;}
.player_list a.active{width: 559px;}
.player_list a.active img{opacity: 0;}
.player_list a.active img.pic_big{opacity: 1;}
.more_player:hover{filter: brightness(110%);}
.strategy_list{color: #c0c0c0;font-size: 17px;line-height: 44px;}
.strategy_list li{position: relative;border-bottom: 1px solid #404040;width: 100%;}
.strategy_list a{display: block;width: 1210px;height: 100%;overflow: hidden;text-overflow: ellipsis;white-space: normal;color: #c0c0c0;}
.strategy_list span{position: absolute;right: 0;bottom: 0;}
.strategy_list li:last-child{border-bottom: none;}
.strategy_list a:hover{color: #e6bd68;}
.game_intro_box{display: flex;justify-content: space-between;align-items: center;display: -webkit-flex;}
.pic_game{width: 651px;height: 359px;overflow: hidden;position: relative;flex-shrink: 0;}
.pic_game img{display: block;width: 651px;height: 359px;}
.game_pagination{position: absolute;width: 100%;display: flex;display: -webkit-flex;justify-content: center;left: 0;bottom: 10px !important;z-index: 3;}
.game_pagination span{display: block;width: 10px;height: 10px;opacity: 0.5;background: #ffffff;margin: 0 6px !important;}
.game_pagination span.swiper-pagination-bullet-active{opacity: 1;}
.game_intro_txt{width: 720px;}
.game_intro_txt dt{color: #c0c0c0;font-size: 30px;line-height: 34px;margin-bottom: 10px;}
.game_intro_txt dd{color: #a0a0a0;font-size: 18px;line-height: 36px;text-indent: 2em;}

.videoarea_box{margin-top: 25px;}
.video_tab{display: flex;;display: -webkit-flex;display: -webkit-flex;font-size: 24px;line-height: 25px;width: 1185px;border-bottom: 1px solid #515151;}
.video_tab a{color: #cdcdcd;display: block;border-bottom: 3px solid transparent;margin-bottom: -1px;padding-bottom: 6px;margin-right: 38px;}
.video_tab a:last-child{margin-right: 0;}
.video_tab a.on{border-color: currentcolor;color: #ffcd64;}
.video_box_show{margin-top: 20px;}
.video_cn{display: none;}
.video_list{display: flex;display: -webkit-flex;}
.video_list li{width: 334px;height: 206px; margin-left: 34px;}
.video_list li:first-child{margin-left: 0;}
.video_list a,.video_list img{display: block;width: 100%;height: 100%;box-sizing: border-box;}
.video_list a{border: 1px solid rgba(255,255,255,0.2);overflow: hidden;position: relative;}
.video_list a:after{content: "";position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.42);left: 0;top: 0;}
.video_icon{position: absolute;background: url(//game.gtimg.cn/images/dunk/web20220224/video_icon1.png) no-repeat;width: 59px;height: 59px;left: 50%;margin-left: -30px;top: 50%;margin-top: -48px;z-index: 1;transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;}
.video_intro{position: absolute;width: 100%;height: 35px;padding: 0 80px 0 15px;left: 0;bottom: 0;background: rgba(0,0,0,0.65);color: #c3c3c3;font-size: 16px;line-height: 35px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.3s ease-out;display: flex;display: -webkit-flex;align-items: center;z-index: 2;}
.video_intro span{position: absolute;right: 15px;bottom: 0;height: 100%;display: flex;display: -webkit-flex;align-items: center;}
.video_intro p{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video_list a:hover .video_intro{height: 80px;}
.video_list a:hover .video_intro p{text-overflow: initial;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;}
.video_list a:hover .video_icon{transform: scale(0.8);opacity: 0.7;}
.prop_list{width: 100%;margin-top: -10px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;margin-bottom: 10px;}
.prop_list li{width: 227px;margin: 0 auto;}
.prop_list li img{display: block;width: 227px;margin: 0 auto;}
.prop_list li em{display: block;color: #8affff;font-size: 20px;text-align: center;margin-top: -18px;}
.home_area_wraper .order-tip {
	display: block;
	width: 498px;
	height: 87px;
	text-indent: -999em;
	background-position: 0 0;
	margin: 0 auto;
}
.copytxt{color: #fff;font-size: 16px;text-align: center;line-height: 1.4;opacity: .8;padding-top: 10px;}
.copytxt span{padding: 0 8px;}
.copytxt a{color: #fff;opacity: .8;padding: 0 8px;text-decoration: underline;}
.fans {
	width: 100vw;
	height: 100vh;
	background: url(./bg.jpg) no-repeat 50% 50%/cover;
	position: relative;
}
.fans .scale_cn {
	/* display: flex;
	display: -webkit-flex;
	flex-wrap: wrap; */
	width: 1470px;
	height: 950px;
	top: 50%;
	margin-top: -475px;
	position: absolute;
}
.fans-title {
	width: 971px;
	height: 141px;
	background: url(./title.png) no-repeat center;
	/* margin: 62px 0 0 255px; */
}
.rewards-list {
	/* position: absolute;
	right: .5rem;
	bottom: -10%; */
	z-index: 9;
}
.rewards-list .rewards-item {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	width: 600px;
	height: 145px;
	background-image: url(./line.png);
	background-size: 967px 29px;
	background-position: left bottom 5px;
	background-repeat: no-repeat;
	margin-top: 10px;
}
.rewards-item .count {
	width: 320px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
}
.rewards-item .count .level {
	display: flex;
	align-items: center;
	font-size: 30px;
	color: #fff;
}
.rewards-item .count .level > i {
	display: block;
	width: 67px;
	height: 29px;
	background: url(./arrow.png) no-repeat center;
	background-size: cover;
	font-size: 0;
	margin-left: 12px;
}
.rewards-item .count .target {
	font-size: 60px;
	color: #ff8f18;
}
.rewards-item .rewards {
	font-size: 18px;
	text-align: center;
	width: 200px;
	color: #404040;
}
.rewards-item .rewards .pic{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 76px;
	height: 76px;
	border: 2px solid #404040;
	margin: 0 auto;
}
.rewards-item .rewards .tip {
	margin-top: 20px;
}
.fans .order-count {
	width: 628px;
	height: 998px;
	position: absolute;
	bottom: 0;
	right: calc((100vw - 1470px) / 2);
	top: unset;
	margin-top: 0;
	text-align: center;
	transform-origin: bottom !important;
}
.fans .order-count .wolf {
	width: 628px;
	height: 998px;
}
.fans .order-count-wrap {
	position: absolute;
	bottom: 80px;
	right: 48%;
	transform: translateX(50%);
}
.fans .order-count-wrap .tit {
	font-size: 30px;
	color: #bebebe;
}
.fans .order-count-wrap .count {
	font-size: 80px;
	color: #ff8f18;
}
.fans .order-count-wrap .tip {
	font-size: 18px;
	color: #929292;
}

.rewards-item .rewards .ring > img{
	width: 64px;
	height: 62px;
}
.rewards-item .rewards .kneepad > img{
	width: 23px;
	height: 61px;
}
.rewards-item .rewards .glove > img{
	width: 59px;
	height: 57px;
}
.rewards-item .rewards .glasses > img{
	width: 66px;
	height: 25px;
}
.rewards-item .rewards .trousers > img{
	width: 26px;
	height: 61px;
}

/*--���������������--*/
.other_area.page_slide{background: url(./bg5.jpg) no-repeat 50% 0/cover;height: 1080px;}
.other_area .container{height: 100%;display: flex;display: -webkit-flex;align-content: center;flex-wrap: wrap;position: relative;}
.other_area:before{content: "";position: absolute;background: url(./bg_icon2.png) no-repeat 100% 100%/100% auto;width: 100%;height: 551px;left: 0;bottom: 0;}
.other_area .scale_cn{position: relative;display: flex;display: -webkit-flex;flex-wrap: wrap;height: 900px;top: 50%;margin-top: -450px;position: absolute;}
.activity_tit{background: url(//game.gtimg.cn/images/dunk/web20220224/activity_tit.png) no-repeat 100% 50%/auto 100%;width: 100%;height: 142px;align-self: flex-end;margin-bottom: 15px;}
.activity_tab{display: flex;;display: -webkit-flex;display: -webkit-flex;font-size: 24px;line-height: 25px;width: 1185px;border-bottom: 1px solid #515151;}
.activity_tab a{color: #cdcdcd;display: block;border-bottom: 3px solid transparent;margin-bottom: -1px;padding-bottom: 6px;margin-right: 38px;}
.activity_tab a:last-child{margin-right: 0;}
.activity_tab a.on{border-color: currentcolor;color: #ffcd64;}
.activity_cn{margin-top: 20px;width: 1400px;height: 206px;}
.activity_list{display: flex;display: -webkit-flex;justify-content: space-between;}
.activity_list li{width: 334px;height: 206px;}
.activity_list a,.activity_list img{display: block;width: 100%;height: 100%;box-sizing: border-box;}
.activity_list a{border: 1px solid rgba(255,255,255,0.2);overflow: hidden;position: relative;}
.activity_intro{position: absolute;width: 100%;height: 35px;padding: 0 80px 0 15px;left: 0;bottom: 0;background: rgba(0,0,0,0.65);color: #c3c3c3;font-size: 16px;line-height: 35px;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.3s ease-out;display: flex;display: -webkit-flex;align-items: center;z-index: 2;}
.activity_intro span{position: absolute;right: 15px;bottom: 0;height: 100%;display: flex;display: -webkit-flex;align-items: center;}
.activity_intro p{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.activity_list a:hover .activity_intro{height: 80px;}
.activity_list a:hover .activity_intro p{text-overflow: initial;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;}
.activity_list a img{transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.3s ease-out;}
.activity_list a:hover img{transform: scale(1.05);}
.community_box{padding-top: 40px;width: 100%;}
.community_tit{background: url(//game.gtimg.cn/images/dunk/web20220224/community_tit.png) no-repeat 100% 50%/auto 100%;width: 643px;height: 141px;align-self: flex-end;margin-bottom: 25px;}
.community_list{display: flex;display: -webkit-flex;justify-content: space-around;width: 100%;height: 243px;align-content: flex-start;}
.community_item{display: block;background: url(//game.gtimg.cn/images/dunk/web20220224/community_bg.png) no-repeat;width: 183px;height: 204px;position: relative;}
.community_item>a>img{display: block;width: 183px;height: 148px;margin: 0 auto;}
.community_item>a>span{position: absolute;width: 100%;left: 0;bottom: 85px;color: #d5d5d5;font-size: 18px;text-align: center;line-height: 24px;}
.community_item:nth-child(2n+1){align-self: flex-end;}
.b_wxs_qrcode_box{position: absolute;width: 183px;height: 183px;border: 1px solid #c0c0c0;background-color: #000000;padding: 6px;top: -204px;left: 50%;margin-left: -91px;opacity: 0;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;pointer-events: none;}
.b_wxs_qrcode_box img{display: block;width: 100%;height: 100%;}

.service_qrcode_box{position: absolute;width: 183px;height: 183px;border: 1px solid #c0c0c0;background-color: #000000;padding: 6px;top: -204px;left: 50%;margin-left: -91px;opacity: 0;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;pointer-events: none;}
.service_qrcode_box img{display: block;width: 100%;height: 100%;}

.b_wx_qrcode_box{position: absolute;width: 183px;height: 183px;border: 1px solid #c0c0c0;background-color: #000000;padding: 6px;top: -204px;left: 50%;margin-left: -91px;opacity: 0;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;pointer-events: none;}
.b_wx_qrcode_box img{display: block;width: 100%;height: 100%;}
.b_qq_group_box{position: absolute;width: 375px;bottom: 167px;padding-bottom: 60px;left: 50%;margin-left: -187px;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;pointer-events: none;opacity: 0;}
.b_qq_group_list{width: 100%;background: rgba(0,0,0,0.7);border: 1px solid rgba(192,192,192,0.7);display: flex;display: -webkit-flex;flex-wrap: wrap;padding: 15px;box-sizing: border-box;}
.b_qq_group_list li{width: 50%;color: #c4c4c4;font-size: 16px;line-height: 28px;}
.b_qq_group_list a{display: block;color: #c4c4c4;}
.b_qq_group_list a span{text-decoration: underline;}
.b_wx_qrcode_box.show,.b_qq_group_box.show,.service_qrcode_box.show{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;pointer-events: auto;}


/*-------------------------���½���������----------------------------*/
.community_area_wrap{position: fixed;width: auto;right: 2vw;bottom: 2vw;display: flex;display: -webkit-flex;z-index: 10;}
.community_btns_box{width: 428px;height: 58px;pointer-events: none;overflow: hidden;position: relative;z-index: 3;}
.community_btns{display: flex;display: -webkit-flex;width: 428px;justify-content: space-between;transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;-moz-transition: transform 0.5s ease;}
.community_btn_item,.community_btn_item>a{display: block;width: 58px;height: 58px;background: url(./icon_bg.png) no-repeat;position: relative;}
.community_btns a img{display: block;width: 58px;height: 58px;}
.community_arrow_icon{display: flex;display: -webkit-flex;width: 58px;height: 58px;background: url(./icon_bg.png) no-repeat;justify-content: center;align-items: center;margin-left: 20px;}
.community_arrow_icon em{display: block;width: 17px;height: 30px;background: url(./icon_arrow.png) no-repeat;transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);transition: transform 0.5s ease-out;-webkit-transition: transform 0.5s  ease-out;-moz-transition: transform 0.5s  ease-out;}
.community_area_wrap.open .community_arrow_icon em{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.community_area_wrap.open .community_btns_box{pointer-events: auto;}
.community_area_wrap.open .community_btns{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}
.wx_qrcode_box, .wxs_qrcode_box, .service_qrcode_box{position: absolute;width: 148px;height: 148px;border: 1px solid #c0c0c0;background-color: #000000;padding: 6px;top: -160px;left: -47px;opacity: 0;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;pointer-events: none;}
.wx_qrcode_box {left: 15px;}
.service_qrcode_box{left: 415px;}
.wx_qrcode_box img, .wxs_qrcode_box img, .service_qrcode_box img{display: block;width: 100%;height: 100%;}
.qq_group_box{position: absolute;width: 375px;bottom: 10px;padding-bottom: 60px;left: 50%;margin-left: -310px;transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;pointer-events: none;opacity: 0;}
.qq_group_list{width: 100%;background: rgba(0,0,0,0.7);border: 1px solid rgba(192,192,192,0.7);display: flex;display: -webkit-flex;flex-wrap: wrap;padding: 15px;box-sizing: border-box;}
.qq_group_list li{width: 50%;color: #c4c4c4;font-size: 16px;line-height: 28px;}
.qq_group_list a{display: block;color: #c4c4c4;}
.qq_group_list a span{text-decoration: underline;}
.wx_qrcode_box.show,.qq_group_box.show,.wxs_qrcode_box.show, .service_qrcode_box.show{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;pointer-events: auto;}

/*�Ҳม��*/
.float_right{position: fixed;right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.btn_yuyue1,.btn_cdk{display: block;width: 84px;height: 83px;margin-bottom: 15px;transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;}
.btn_age{display: block;width: 84px;height: 110px;transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;}
.btn_yuyue1 img,.btn_age img,.btn_cdk img{display: block;width: 100%;}
.btn_yuyue1:hover,.btn_age:hover,.btn_cdk:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

/*pop_age*/
.pop_age{background: url(//game.gtimg.cn/images/dunk/web20220224/pop_age.png) no-repeat;width: 871px;height: 607px;display: none;}
.age_list{padding: 0 30px 30px;display: flex;align-content: center;flex-wrap: wrap;align-items: center;height: 100%;box-sizing: border-box;}
.age_list dt{color: #d2d2d2;font-size: 24px;line-height: 34px;}
.age_list dd{color: #c3c3c3;font-size: 16px;line-height: 30px;margin-bottom: 15px;}
.age_list dd:last-child{margin-bottom: 0;}

/*��Ա���鵯��*/
.player_detail{background: url(//game.gtimg.cn/images/dunk/web20220224/player_intro.png) no-repeat;width: 1240px;height: 802px;display: none;}
.player_detail .pop_close{top: 22px;}
.player_show{padding: 27px 4px 0;}
.player_pic{float: left;width: 555px;height: 748px;}
.player_pic img{display: block;width: 555px;height: 748px;}
.player_info_list{float: left;width: 675px;}
.score_place{padding-top: 46px;display: flex;display: -webkit-flex;align-items: center;}
.score_place li{display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-right: 25px;}
.player_txt1{display: block;color: #c8c8c8;font-size: 24px;line-height: 34px;margin-right: 10px;}
.score_num{display: block;background: url(//game.gtimg.cn/images/dunk/web20220224/score_txt.png) no-repeat;width: 125px;height: 129px;text-align: center;line-height: 129px;font-family: "FZGongYHJW";color: #f8b759;font-size: 67px;}
.score_num span{display: block;transform: scaleX(0.98);-webkit-transform: scaleX(0.98);-moz-transform: scaleX(0.98);}
.place_txt{color: #76b2f0;display: block;background: url(//game.gtimg.cn/images/dunk/web20220224/score_txt.png) no-repeat;width: 125px;height: 129px;text-align: center;line-height: 129px;font-family: "FZGongYHJW";font-size: 67px;}
.place_txt span{display: block;transform: scaleX(0.84);-webkit-transform: scaleX(0.84);-moz-transform: scaleX(0.84);}
.player_specialty{padding-top: 30px;}
.player_specialty li{display: flex;display: -webkit-flex;align-items: center;margin-bottom: 10px;}
.player_specialty li:last-child{margin-bottom: 0;}
.specialty_name{color: #4a77d3;width: 91px;height: 29px;box-sizing: border-box;line-height: 29px;font-size: 18px;text-align: center;position: relative;background: url(./txt_bg.png) no-repeat;margin-right: 22px;}
.w3 span{letter-spacing: 10px;margin-right: -10px;}
.specialty_intro{color: #c8c8c8;font-size: 18px;line-height: 29px;}
.player_jn{padding-top: 28px;}
.player_jn li{width: 50%;float: left;}
.player_jn img{float: left;display: block;width: 100px;height: 100px;box-sizing: border-box;border: 2px solid #ffffff;border-radius: 100%;}
.jn_cn{float: left;width: 215px;padding-left: 20px;color: #8f8f8f;font-size: 16px;line-height: 22px;letter-spacing: -0.1px;padding-top: 8px;}
.jn_name{color: #f8b759;font-size: 20px;margin-bottom: 5px;}
.player_attr{padding-top: 35px;}
.player_attr dt{color: #ffffff;font-size: 20px;width: 156px;height: 34px;background-color: #4a77d3;border-radius: 5px;line-height: 34px;text-align: center;margin-bottom: 15px;}
.player_attr dd{float: left;width: 50%;color: #8f8f8f;font-size: 18px;line-height: 34px;display: flex;align-items: center;}
.attr_num{width: 240px;height: 12px;background: rgba(255,255,255,0.3);padding: 1px;}
.attr_num span{height: 100%;display: block;background-color: #ffbb39;}

/*����*/
.image_text_cn,.video_cn,.activity_cn{animation:fadeInUp 0.8s ease both;-webkit-animation:fadeInUp 0.8s ease both;-moz-animation:fadeInUp 0.8s ease both;}
/*ָʾ*/
@keyframes icona{
	0%{transform:translateX(0)}
	100%{transform:translateX(6px)}
}
@-webkit-keyframes icona{
	0%{-webkit-transform:translateX(0)}
	100%{-webkit-transform:translateX(6px)}
}
@-moz-keyframes icona{
	0%{-moz-transform:translateX(0)}
	100%{-moz-transform:translateX(6px)}
}
@keyframes scaleUp {
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}
@-webkit-keyframes scaleUp {
	0% {-webkit-transform: scale(.95);}
	50% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(.95);}
}
@-moz-keyframes scaleUp {
	0% {-moz-transform: scale(.95);}
	50% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(.95);}
}
@keyframes nextanim{0% {transform: translateY(-15px);opacity: 0;}50% {transform: translateY(10px);opacity: 1;}100% {transform: translateY(-15px);opacity: 0;}}
@keyframes -webkit-nextanim{0% {-webkit-transform: translateY(-15px);opacity: 0;}50% {-webkit-transform: translateY(10px);opacity: 1;}100% {-webkit-transform: translateY(-15px);opacity: 0;}}
@keyframes -moz-nextanim{0% {-moz-transform: translateY(-15px);opacity: 0;}50% {-moz-transform: translateY(10px);opacity: 1;}100% {-moz-transform: translateY(-15px);opacity: 0;}}
.more_cn_icon em,.more_news em{animation:icona 0.6s linear infinite alternate both;-webkit-animation:icona 0.6s linear infinite alternate both;-moz-animation:icona 0.6s linear infinite alternate both;}
.btn_yuyue{animation: scaleUp 1.6s infinite linear;-webkit-animation: scaleUp 1.6s infinite linear;-moz-animation: scaleUp 1.6s infinite linear;}
.next_icon{animation: nextanim 2s ease-in-out both infinite;-moz-animation: nextanim 2s ease-in-out both infinite;-webkit-animation: nextanim 2s ease-in-out both infinite;}

.btn_bind{
	color: #ffffff;
	font-size: 28px;
	text-align: center;
	text-decoration: underline;
}
/*弹窗*/
.sp{background-image: url(./sp.png);background-repeat: no-repeat; background-position: 50% 0;}
.pop1{width: 601px;height: 769px;box-sizing: border-box;padding: 90px 10px 0;background: url(./pop_bg1.png) no-repeat 50% 0;position: relative;}
.pop_close{display: block;width: 64px;height: 56px;text-indent:-999em;position: absolute;top: 0;right: -64px;background: url(./dialog-close.png) no-repeat 50% 0}
.pop_tit1{width: 478px;height: 44px;text-indent:-999em;margin: 0 auto; background: url(./dialog-order-title.png) no-repeat 50% 0;}
.yy_nav{width: 478px;margin: 30px auto 0;}
.yy_nav a{float: left;width: 225px;height: 60px;text-indent:-999em;margin: 0 7px;}
.btn_ios{background-position: -566px -346px;}
.btn_android{background-position: -249px -660px;}
.btn_ios.on{background-position: -311px -346px;}
.btn_android.on{background-position: 0 -660px;}
.num_input{width: 478px;color:#fff;font-size: 28px;line-height: 40px;margin: 30px auto 0;}
.num_input span{float: left;width: 130px;padding-right: 10px;}
.num_input input{float: left;width: 310px;height: 40px;color:#fff;font-size: 20px;padding: 0 10px;border:1px solid #fff;background-color: #000;}
.code_input{width: 478px;color:#fff;font-size: 28px;line-height: 40px;margin: 30px auto 0;}
.code_input span{float: left;width: 130px;padding-right: 10px;}
.code_input input{float: left;width: 160px;height: 40px;color:#fff;font-size: 20px;padding: 0 10px;border:1px solid #fff;background-color: #000;}
.code_text{float: left;width: 140px;text-align: center;}
.btn_code{display: block;width: 120px;color: #f3f8ff;font-size: 24px;text-align: center;line-height: 40px;text-decoration: underline;padding: 0 10px;}
.pop_text1{width: 478px;color: #f3f8ff;font-size: 18px;text-align: center;line-height: 28px;margin: 20px auto;}
.btn_ok{display: block;width: 249px;height: 68px;text-indent:-999em;background-position: 0 -346px;margin: 0 auto;}
.pop2{width: 559px;height: 334px;box-sizing: border-box;background: url(./dialog-tip.png) no-repeat 50% 0;}
.pop3{width: 559px;height: 334px;box-sizing: border-box;background: url(//game.gtimg.cn/images/dunk/web20220224/dialog-tip.png) no-repeat 50% 0;}
.pop4{width: 559px;height: 334px;box-sizing: border-box;background: url(//game.gtimg.cn/images/dunk/web20220224/dialog-tip.png) no-repeat 50% 0;}
.pop5{width: 560px;height: 484px;box-sizing: border-box;padding: 30px 10px 0;background: url(//game.gtimg.cn/images/dunk/web20220224/dialog-unbind-phone.png) no-repeat 50% 0;position: relative;}
.pop_tit2{width: 353px;height: 42px;text-indent:-999em;background-position: 0 -540px;margin: 0 auto; background: url(//game.gtimg.cn/images/dunk/web20220224/unbind-phone.png) no-repeat 50% 0;}
.pop_text2{width: 540px;color: #f3f8ff;font-size: 18px;text-align: center;line-height: 28px;margin: 20px auto 0;padding: 0 5px;box-sizing: border-box;}
.pop5 .btn_ok{margin: 30px auto 0;}
.pop6{width: 560px;height: 556px;box-sizing: border-box;padding: 0 10px 0;background: url(./bind-phone-bg.png) no-repeat 50% 0;position: relative;}
.pop_tit3{
	display: block;
	width: 250px;
	height: 42px;
	background: url(./bind-phone.png) no-repeat 50% 0;
	margin: 58px auto 25px;
	text-indent:-999em;}
.pop6 .btn_ok{margin: 30px auto 0;}

.pop2 .title {
	display: block;
	width: 480px;
	height: 99px;
	background: url(./ordered-tip.png) no-repeat 50% 0;
	margin: 64px auto 35px;
	text-indent:-999em;
}
.pop3 .title {
	display: block;
	width: 480px;
	height: 99px;
	background: url(//game.gtimg.cn/images/dunk/web20220224/phone-ordered.png) no-repeat 50% 0;
	margin: 64px auto 35px;
	text-indent:-999em;
}
.pop4 .title {
	display: block;
	width: 495px;
	height: 97px;
	background: url(//game.gtimg.cn/images/dunk/web20220224/order-success.png) no-repeat 50% 0;
	margin: 64px auto 35px;
	text-indent:-999em;
}

#ams_loginWxDiv {box-sizing: content-box;}


.pop7{background-color: #f0f0f0;border-radius: 10px;width: 308px;box-sizing: border-box;padding: 20px;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
.area{margin: 5px auto 0;}
.area a{width: 122px;height: 50px;display: block;text-align: center;line-height: 50px;color: #ffffff;font-size: 18px;background-color: #f4830e;border-radius: 5px;}

.btn_down{background-position: 0 -733px;width: 297px;height: 82px;display: block;font-size: 0;margin: 100px auto 0;}
.btn_down{animation: scaleUp 1.6s infinite linear;-webkit-animation: scaleUp 1.6s infinite linear;-moz-animation: scaleUp 1.6s infinite linear;}

.w_pc {z-index: 99;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: absolute;top: 0;left: 0;}


#.codebox{background: url(./codebox2.png) no-repeat;width: 456px;height: 237px;display: block;margin: 10px auto 0;box-sizing: border-box;padding:15px 30px 15px 30px;}
.codebox{width: 456px;height: 237px;display: block;margin: 10px auto 0;box-sizing: border-box;padding:15px 30px 15px 30px;}
.icode{width: 190px;float: left;display: block;margin-left:30%;}
.topbtn{width: 196px;float: right;}
.topbtn a{widows: 196px;height: 62px;display: block;font-size: 0;}
.btn_ios{background-position: 0 -731px;margin-bottom: 3px;}
.btn_android{background-position: -200px -731px;margin-bottom: 3px;}
.btn_changw{background-position: 0 -796px;}