body{background: #111111;}
.wrap{width: 100%; max-width: 1980px; overflow-x: hidden;position: relative;margin: 0 auto;}
.btn{display: block;}
.btn:hover{filter: brightness(1.2); -webkit-filter: brightness(1.2);}
.part{width: 100%; overflow: hidden;}
.part1{height: 705px; background: url(../imgs/banner-q7.png) no-repeat center top;}
.part-con{width: 1095px; margin: 0 auto; position: relative; font-size: 18px; color: #ccc;}
/* part1 */
.part1 .light{display: block; width: 293px; height: 191px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/light.png) no-repeat; position: absolute; top: 403px; left: 412px; z-index: 3; animation: shine 3s linear infinite;}
@keyframes shine{
    0%,100%{opacity: .3;}
    50%{opacity: .8;}
}
.part1 .box{display: block; width: 263px; height: 266px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/box.png) no-repeat; position: absolute; top: 285px; left: 425px; z-index: 1; animation: shake 3s linear infinite;}
@keyframes shake{
    0%,100%{top: 285px;}
    50%{top: 300px;}
}
.part1 .down{width: 185px; height: 44px; line-height: 44px; background: #00a2ff; border-radius: 0 0 18px 18px; color: #000; font-size: 18px; padding-left: 64px; position: absolute; right: 0; transition: all .3s;}
.part1 .down:before{content: ""; display: inline-block; width: 21px; height: 21px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/down.png) no-repeat; background-size: 100% 100%; position: absolute; top: 11px; left: 33px; z-index: 3;}
.part1 .join{
	display: block;
	width: 270px;
	height: 90px;
	overflow: hidden;
	text-align: center;
	line-height: 90px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	background-color: #00A2FF;
	position: absolute;
	top: 815px;
	left: 50%;
	margin-left: -135px;
	border-radius: 45px;
	box-shadow: 2px 2px 20px 2px rgb(0 0 0 / 50%);

}
.part1 .join>span{position: relative; z-index: 3;}

.part1 .join:hover::before{animation: bgposition 2s infinite linear alternate; -webkit-animation: bgposition 2s infinite linear alternate;}
/* 导航 */
.nav{width: 100%; height: 80px; line-height: 80px; text-align: center; background: #171717;}
.nav .nav-list li{width: 20%; float: left; font-size: 24px; color: #fff; cursor: pointer;}
.nav .nav-list li a{color: #fff;}
.nav .nav-list li.active,.nav .nav-list li:hover{background: #00a2ff; color: #010101;}
/* 大赛介绍 */
.part2{height: 880px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/bg01.jpg) no-repeat center top;}
.part2 .part-con{padding-top: 110px;}
.part2 .detail .btn-more3{color: #999999;}
.part h2{display: block; width: 207px; height: 100px; color: #fff; font-size: 36px; text-align: center; /* background: url(https://game.gtimg.cn/images/roblox/web201904/collect/title-bg.png) no-repeat; */ padding-top: 42px; margin: 0 auto;}
.part2 .detail{margin: 105px 0; line-height: 32px;}
.part h3{font-size: 22px; color: #fff; text-align: left; font-weight: bold; margin: 20px 0;}
.rules{margin-left: 0px;}
.rules>li{margin-right: 0px; height: auto; line-height: 25px; margin-bottom: 15px;}
.rules>li:before{content: ""; display: inline-block; width: 10px; height: 10px; background: #00a2ff; border-radius: 50%; float: left; margin: 6px 8px 0 0;}
.contact{margin-top: 53px; color: #fff; font-size: 14px;}
.contact li{width: 525px; height: 194px;  background: url(../imgs/qrbg.png) no-repeat; background-size: 100% 100%; float: left; overflow: hidden; position: relative; display: table;}
.contact li:nth-child(2){float: right;}
.contact li .link,.btn-more{display: inline-block; position: absolute;}
.contact li .link a{color: #00a1fe; position: relative;}
.contact li .link a:after,.btn-more:after{content: ""; display: block; width: 57px; height: 1px; background: #0687d3; position: absolute; left: -1px;}
.contact li .link a:hover:after,.btn-more:hover:after{display: none;}
.contact li .link.link1,.contact li .link.link3{left: 66px;}
.contact li .link.link1,.contact li .link.link2{top: 52px;}
.contact li .link.link3,.contact li .link.link4{bottom: 52px;}
.contact li .link.link2,.contact li .link.link4{left: 302px;}
.contact li .link.link1 span{position: absolute; color: #999999; display: block; left: 8px;}
.contact li .ewm{display: block; position: absolute; top: 12px; right: 70px;}
.contact li .info{display: none; color: #999999; vertical-align: middle; padding-left: 41px;}
.contact li .info>span{color: #00a2ff;}
.btn-more{color: #00a1fe; left: 50%; transform: translateX(-50%); top: 480px;}
.btn-more2{display: none;}
/* 赛事流程 */
.part3{height: 475px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/bg02.jpg) no-repeat center top;}
@font-face {
    font-family: "din";
    src: url("../font/din.otf");
}
.part3 .trip{margin: 105px 0 0 290px; position: relative; z-index: 3;}
.part3 .trip li{width: 220px; float: left; margin-right: 54px;}
.part3 .trip li p{text-align: center; font-size: 24px;}
.part3 .trip li .circle{display: block; width: 55px; height: 55px; border-radius: 50%; background: #0074b7; overflow: hidden; margin: 15px auto 10px;}
.part3 .trip li .circle>i{display: block; width: 28px; height: 28px; background: #00a2ff; border-radius: 50%; margin: 14px auto 5px;}
.part3 .trip li .day{color: #fff; font-family: "din"; font-size: 32px;}
.part3 .trip li:nth-child(4){margin-right: 0;}
.part3 .trip li:nth-child(4) .day{font-size: 25px; font-weight: bold; line-height: 34px; margin-top: 22px;}
.part3 .line{width: 1041px; height: 2px; background: #333333; position: absolute; top: 279px; left: 27px;}
/* 奖项设置 */
.part4{height: 2220px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/bg03.jpg) no-repeat center top;}
.part4 h4{height: 53px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/line.png) no-repeat bottom center; font-size: 30px; color: #999999; line-height: 53px; margin: 55px auto 38px; text-align: center;}
.part4 .reward{display: block; margin: 0 auto; position: relative; width:890px;}
.part4 .reward li{width: 260px; height: 173px; background: url(../imgs/icon.png) no-repeat; margin: 0 17px; text-align: center; overflow: hidden; float: left;}
.part4 .reward li.reward-one{background: url(../imgs/icon1.png) no-repeat;}
.part4 .reward li.reward-two{background: url(../imgs/icon2.png) no-repeat;}
.part4 .reward li .name{display: inline-block; font-size: 24px; color: #999999; margin-top: 24px;}
.part4 .reward li .name:after,.part4 .reward li .name:before{content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background: #999; float: left; margin: 17px 11px 0 0;}
.part4 .reward li .name:after{float: right; margin: 17px 0 0 11px;}
.part4 .reward li .number{font-size: 20px; color: #666;}
.part4 .reward li .money{font-family: din; font-size: 40px; color: #fff; height: 50px; line-height: 50px;}
.part4 .reward-avatr{width: 590px;}
.part4 .reward-young{width: 590px;}
.part4 .des{background: url(https://game.gtimg.cn/images/roblox/web201904/collect/line2.png) no-repeat center bottom;}
.part4 .rules2{margin: 20px 0 0 195px;}
.part4 .rules2>li{display: inline-block; float: left; margin-right: 72px; height: auto; line-height: 25px; margin-bottom: 0px;}
.part4 .rules2>li:before{content: ""; display: inline-block; width: 14px; height: 14px; background: #00a2ff; border-radius: 50%; float: left; margin: 5px 8px 0 0;}
.part4 .li-bg{display: none;}
.part4 .reward-young li:nth-child(1) .money{font-size: 22px; font-weight: bold;}
.part4 .ystips{text-align: center; margin: -35px 0 38px 0px; font-size:16px;}
.part4 table{text-align: center; font-size: 14px; color: #fff;}
.part4 table .tdcolor{color: #00a2ff;}
.part4 table td{border: 1px solid #00a2ff; font-size: 24px; padding: 10px;}
.part4 table .tdw1{width: 8%;}
.part4 table .tdw2{width: 20%;}
.part4 table .tdw3{width: 24%;}
.part4 table .tdw4{width: 24%;}
.part4 table .tdw5{width: 24%;}
.part4 table .tdfs1{font-size: 20px;}

/* 评选标准 */
.part5{height: 790px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/bg04.jpg) no-repeat center top;}
.part5 .standard{margin: 105px auto 0;}
.part5 .standard li{width: 312px; height: 470px; background: #1d1d1d; margin: 0 20px; float: left; overflow: hidden; position: relative;}
.part5 .standard li img{display: block; margin: 46px auto 0;}
.part5 .standard li .name{text-align: center; font-size: 36px; color: #fff; height: 75px; line-height: 73px; position: absolute; width: 100%; top: 278px;}
.part5 .standard li .name:after{content: ""; display: block; width: 33px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -16px;}
.part5 .standard li .info{color: #DDDDDD; text-align: center; font-size: 18px; position: absolute; width: 100%; top: 370px;}
/* 评委介绍 */
.part6{height: 575px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/bg05.jpg) no-repeat center top;}
.part6 .judges{margin-top: 105px;}
.part6 .judges li{width: 25%; float: left;}
.part6 .judges li>img{display: block; margin: 0 auto;}
.part6 .judges li .name{text-align: center; font-size: 36px; color: #fff; margin: 20px 0;}
.part6 .judges li .info{text-align: center; font-size: 18px; color: #CCCCCC;}
/* 合作伙伴 */
.part7{height: 401px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/bg06.jpg) no-repeat center top;}
.part7 h2{margin-top: 50px;}
.part7 img{display: block; margin: 100px auto 0;}
/* 底部版权 */
#gfooter .foot_cpright{width: 1160px; margin: 0 auto;}
#gfooter .foot_dark{background: #111; width: 100%; padding: 20px 0; color: #d1d1d1;}
#gfooter .foot_left.logo1{background: url(https://game.gtimg.cn/images/roblox/web201904/education/fot_logo1.png) no-repeat; width: 205px; height: 36px;}
.btn-join{display: none;}
#gfooter .foot_links .link_map span,#gfooter .foot_links .link_map a,#gfooter .foot_dark a{color: #d1d1d1;}
.m-logo{display: none;}
/* 弹窗 */
.pop{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,.6); top: 0; left: 0; z-index: 999;}
.pop-con{width: 658px; height: 419px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/pop.png) no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: table;}
.pop-con .close{display: block; width: 50px; height: 50px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/close.png) no-repeat; position: absolute; top: 14px; right: 12px; transition: all .5s;}
.pop-con .close:hover{transform: scale(.9);}
.pop-con .detail{display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; text-align: center; line-height: 36px;}

/*赛事规则*/
.part-tab2{height: 1050px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/tab2-bg.jpg) no-repeat center top; background-size: cover;}
.tab-contain3 .part-tab2{height: 1500px;}
.part-tab2 .prize-list li span{display: inline-block; font-size: 14px; color: #999999;}
.part-tab2 .prize-list li.prize1 span{color: #00a2ff; font-weight: bold;}
.part-tab2 .prize-list li span.award{width: 195px;}
.part-tab2 .prize-list li span.name{width: 210px;}
.part-tab2 .prize-list{width: 500px; margin: 0 auto;}

.part-tab2 h2{margin: 108px auto 55px;}
.part-tab2 .competition-ask{margin-bottom: 40px;}
.part-tab2 dl{position: relative;}
.part-tab2 dl dt{font-size: 18px; font-weight: bold; color: #bfbfbf; margin: 15px 0;}
.part-tab2 .competition-ask dd{line-height: 30px;}
.part-tab2 .competition-ask dd b{color: #00a2ff;}
.part-tab2 .work-ask dd{width: 228px; height: 165px; border: 1px solid #3a3a3a; float: left; margin-right: 45px; position: relative;}
.part-tab2 .work-ask dd h5{text-align: center; color: #fff; font-size: 18px; font-weight: bold; position: relative; margin-top: 25px;}
.part-tab2 .work-ask dd h5:after{content: ""; display: block; width: 31px; height: 1px; background: #00a2ff; position: absolute; top: 43px; left: 50%; transform: translateX(-50%);}
.part-tab2 .work-ask dd .infomation{text-align: center; color: #999999; font-size: 14px; margin-top: 35px;}
.part-tab2 .work-ask dd .demo{display: block; color: #00a2ff; text-decoration: underline; width: 100%; text-align: center;}
.part-tab2 .work-ask dd .demo:hover{text-decoration: none;}
.part-tab2 .rules{margin: 20px 0 0 0;}
.part-tab2 .demo-img{display: block; position: absolute; top: 29px; left: 230px; display: none;}
.part-tab2 .down-sub{display: block; width: 317px; height: 96px; position: relative; background: #00a2ff; font-size: 30px; color: #100f11; line-height: 96px; padding-left: 120px; margin: 70px auto 0;}
.part-tab2 .down-sub:before{content: ""; display: block; width: 50px; height: 50px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/down.png) no-repeat; background-size: 100% 100%; position: absolute; top: 23px; left: 49px;}
.part-tab2-2{height: 135px; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/question.jpg) no-repeat center top;}
.part-tab2-2 .part-con{display: table; height: 100%;}
.part-tab2-2 .part-con p{display: table-cell; vertical-align: middle; text-align: center;}
.tab-contain3 .list-tit{font-size: 24px; margin: 20px 0;}
.tab-contain3{background: url(https://game.gtimg.cn/images/roblox/web201904/collect/bg01.jpg) no-repeat; overflow: hidden; background-size: 100% 842px;}
.tab-contain4 .list-bd{display: none;}
.tab-contain4 .list-bd.active{display: block;}
.tab-contain4 .list-bd li{width: 200px; height: 250px; background: #1d1d1d; float: left; margin: 0 23px 30px 0;}
.tab-contain4 .list-bd li:nth-child(5n){margin-right: 0;}
.tab-contain4 .list-bd li a{display: block; color: #bfbfbf; width: 200px; height: 250px; overflow: hidden;}
.tab-contain4 .list-bd li:hover img{transform: scale(1.1);}
.tab-contain4 .list-bd li .pic{width: 200px; height: 180px; overflow: hidden;}
.tab-contain4 .list-bd li img{transition: all .5s; width: 200px; height: 180px;}
.tab-contain4 .list-bd li h3{width: 90%; margin: 10px auto 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} 
.tab-contain4 .page{margin: 10px auto 50px; text-align: center; display: none;}
.tab-contain4 .page.active{display: block;}
.tab-contain4 .page a{display: inline-block; color: #fff; margin: 0 20px; font-size: 16px;}
.tab-contain4 .page a:hover{text-decoration: underline;}
.tab-contain4 .tab_c{margin: 20px 0 ;}
.tab-contain4 .tab_c li{line-height: 20px; color: #fff; float: left;}
.tab-contain4 .tab_c li a{display: block; color: #fff; width: 100px; height: 20px;}
.tab-contain4 .tab_c li.on a{color: #f00;}

.tab-contain4 .list-tit{font-size: 24px; font-weight: bold; margin: 20px 0;}



.detail-wrap{text-align: center; margin: 20px 0 30px;}
.detail-wrap h3{font-size: 20px; margin: 10px 0;}
.detail-wrap .detail-time{margin: 10px 0;}
.detail-wrap img{width: 100%; margin: 20px 0;}
.detail-wrap p{margin: 20px 0;}
/* 适配 */
@media screen and (max-width: 800px) {
    html,body{font-size: 13.333333333vw; width: 100%; overflow-x: hidden;}
    .wrap{width: 7.5rem; min-width: 7.5rem;}
    .nav{display: none;}
    .part{width: 7.5rem;}
    .part h2{width: 2.07rem; height: 1rem; font-size: .36rem; background-size: contain; padding-top: .42rem;}
    .part-con{width: 7.5rem; font-size: .24rem; padding: 0 .4rem;}
    .part1{height: 13.2rem; background: url(../imgs/banner1m.png) no-repeat; background-size: 7.5rem 13.2rem;}
    .part1 .join{width: 3.1rem; height: 1rem; line-height: 1rem; font-size: .36rem; background-size: 4.78rem 1.61rem; top: 9.98rem; margin-left: -1.5rem;}
    .part1 .light,.part1 .box,.part1 .down{display: none;}
    .part2{background: none;}
    .part2 .part-con{padding-top: 0;}
    .part2 .detail{margin-top: 1rem; line-height: .4rem; text-align: left;margin-bottom: 0;letter-spacing: .016rem;}
    .part2 .btn-more{display: none;}
    .part2 .btn-more2{display: block; width: 3.41rem; height: .71rem; text-align: center; background: #00a2ff; line-height: .71rem; font-size: .3rem; color: #000; margin: .5rem auto;}
    .part2 .contact{font-size: .24rem; margin: 0 auto;}
    .part2 .contact li{width: 6.72rem; height: 2.14rem; margin-bottom: .6rem; background: url(../imgs/qrbg.png) no-repeat; background-size: 100% 100%; }
    .part2 .contact li:nth-child(2){background: rgb(28, 28, 28);}
    .part2 .contact li .link.link1,.part2 .contact li .link.link2{top: .52rem;}
    .part2 .contact li .link.link1,.part2 .contact li .link.link3{left: .22rem;}
    .part2 .contact li .link.link2,.part2 .contact li .link.link4{left: 3.56rem;}
    .part2 .contact li .link.link3,.part2 .contact li .link.link4{bottom: .52rem;}
    .part2 .contact li .link a{font-weight: bold;}
    .part2 .contact li .ewm{display: none; width: 1.94rem; height: 1.94rem; top: .1rem; right: .1rem;}
    .part2 .contact li .info{display: block; padding-left: .22rem; padding-top: .3rem;}
    .part2 .contact li .info a{color: #00a1fe; font-weight: bold; text-decoration: underline;}
    .part2 .contact li .link a:after,.part2 .btn-more:after{width: .96rem; height: 1px;}
    .part h3{font-size: .28rem; text-align: left; margin: .5rem 0;}
    .rules{margin: 0;}
    .rules>li{margin-right: 0;  margin-bottom: 0; height: auto; line-height: .5rem;padding-left: .35rem;letter-spacing: .016rem;}
    .rules>li:before{
		width: .14rem;
		height: .14rem;
		margin: .15rem .14rem 0 0;
		position: absolute;
		left: .44rem;
	}
    .part3{height: 5.1rem; background: none;}
    .part3 .trip{margin: 1rem 0 0 1rem;}
    .part3 .trip li{width: 2rem; margin-right: .7rem;}
    .part3 .trip li p{font-size: .24rem;}
    .part3 .trip li .circle{width: .55rem; height: .55rem; margin: .15rem auto .1rem;}
    .part3 .trip li .circle>i{width: .28rem; height: .28rem; margin: .14rem auto .05rem;}
    .part3 .trip li .day{font-size: .4rem;}
    .part3 .trip li:nth-child(4) .day{font-size: .24rem; margin-top: .18rem; line-height: .34rem;}
    .part3 .line{width: 6.7rem; height: .02rem; top: 3.15rem; left: .4rem;}
    .part4{height: 25.5rem; background: none;}
    .part4 h4{height: .53rem; font-size: .3rem; line-height: .53rem; margin: .55rem auto .38rem;}
    .part4 .reward{width: 5.46rem;}
    .part4 .reward li{width: 2.39rem; height: 1.59rem; margin: 0 .17rem .15rem; background-size: 100% 100%;}
    .part4 .reward li.reward-one{background-size: 100% 100%;}
    .part4 .reward li.reward-two{background-size: 100% 100%;}
    .part4 .reward li.reward-three{background-size: 100% 100%; background: (../imgs/icon0.png)}
    .part4 .reward li .name{font-size: .24rem; margin-top: .22rem;}
    .part4 .reward li .name:after, .part4 .reward li .name:before{width: .06rem; height: .06rem; margin: .18rem .11rem 0 0;}
    .part4 .reward li .name:after{margin: .18rem 0 0 .11rem}
    .part4 .reward li .number{font-size: .2rem; margin-top: -0.05rem; display: inherit; height: .3rem;}
    .part4 .reward li .money{display: block; font-size: .4rem; height: .32rem; line-height: .32rem; margin-top: -0.3rem;}
    .part4 .reward .li-bg{display: block; width: 2.39rem; height: 1.59rem; background: url(../imgs/icon0.png) no-repeat; background-size: 100% 100%; position: absolute;}
    .part4 .reward .li-bg1{top: 0rem; left: -2.55rem;}
    .part4 .reward .li-bg2{top: 0rem; right: -2.55rem;}
    .part4 .reward .li-bg3{top: 1.74rem; left: -2.55rem;}
    .part4 .reward .li-bg4{top: 1.74rem; right: -2.55rem;}
    .part4 .reward .li-bg5{top: 1.74rem; right: 0.15rem;}
    .part4 .rules{margin: 0; font-size: .24rem; color: #fff;}
	.part4 .rules2{margin: .5rem 0 0 .7rem;}
	.part4 .rules2>li{display: inline-block; float: left; margin-right: 0rem; height: auto; line-height: .24rem; margin-bottom: .2rem;}
	.part4 .rules2>li:before{width: .14rem; height: .14rem; margin: .03rem .14rem 0 0;}
    .part4 .reward-young li:nth-child(1) .money{font-size: .24rem;}
	.part4 .ystips{margin: -0.3rem 0 0.3rem 0; font-size: .24rem;}
	.part4 table{font-size: .22rem;}
	.part4 table td{font-size: .22rem; padding: .05rem;}
	.part4 table .tdw1{width: 9%;}
	.part4 table .tdw2{width: 15%;}
	.part4 table .tdw3{width: 24%;}
	.part4 table .tdw4{width: 24%;}
	.part4 table .tdw5{width: 24%;}
	.part4 table .tdfs1{font-size: .2rem;}
    .part5{height: 12.85rem; background: none;}
    .part5 .standard li{width: 100%; height: 3.32rem; margin: 0; position: relative;}
    .part5 .standard li img{display: none;}
    .part5 .standard li .icon-img{width: 50%; height: 100%; background: #141414; position: absolute; top: 0; left: 0;}
    .part5 .standard li .icon-img>i{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .part5 .standard li:nth-child(1) .icon-img>i{width: .92rem; height: 1.22rem; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/icon6.png) no-repeat; background-size: 100% 100%;}
    .part5 .standard li:nth-child(2) .icon-img>i{width: 1.23rem; height: .77rem; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/icon7.png) no-repeat; background-size: 100% 100%;}
    .part5 .standard li:nth-child(3) .icon-img>i{width: 1.09rem; height: 1.09rem; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/icon8.png) no-repeat; background-size: 100% 100%;}
    .part5 .standard li .name{font-size: .3rem; height: .73rem; line-height: .7rem; margin: 0; position: absolute; top: .68rem; left: .75rem;}
    .part5 .standard li .name:after{background: #00a2ff; width: .25rem; height: .02rem; left: 2.95rem; margin: 0;}
    .part5 .standard li .info{font-size: .24rem; margin: 0; position: absolute; text-align: left; top: 1.7rem; left: 3.7rem;}
    .part5 .standard li:nth-child(2) .icon-img{left: 3.35rem;}
    .part5 .standard li:nth-child(2) .name{left: -2.55rem;}
    .part5 .standard li:nth-child(2) .info{left: .4rem;}
    .part6{height: 10.97rem;}
    .part6 .judges li{width: 3.18rem; height: 3.83rem; background: #212121; margin: 0 .33rem .39rem 0; overflow: hidden;}
    .part6 .judges li:nth-child(2n){}
    .part6 .judges li>img{width: 1.46rem; height: 1.46rem; margin: .55rem auto 0;}
    .part6 .judges li .name{font-size: .36rem; margin: .2rem 0;}
    .part6 .judges li .info{font-size: .24rem;}
    .part7{height: 4.72rem; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/mpart7-bg.jpg) no-repeat; background-size: 100% 100%;}
    .part7 img{display: none;}
    .part7 .logo{display: block; width: 5.59rem; height: 0.6rem; position: absolute; top: 1.8rem; left: 50%; transform: translateX(-50%); background: url(../imgs/partnerm.png) no-repeat; background-size: 100% 100%;}
    .foot_left.logo1{width: 2.05rem; height: .36rem; background-size: 100% 100%;}
    .part7 h2{margin-top: .5rem;}
    .btn-join{display: block; width: 7.5rem; height: 1rem; line-height: 1rem; text-align: center; color: #000; font-size: .36rem; background: #00a2ff;}
    .pop-con{width: 6.58rem; height: 4.19rem; background-size: 100% 100%;}
    .pop-con .close{width: .5rem; height: .5rem; top: .15rem; right: .12rem; background-size: 100% 100%;}
    .pop-con .detail{font-size: .22rem; line-height: .36rem; padding: 0 .4rem;}
    .foot{font-size: .22rem; text-align: center; padding: .5rem 0; background: #111;}
    .logo1{display: none;}
    .m-logo{display: block; background: #111; padding: .5rem 0 0 0;}
    .m-logo>img{display: block; width: 3.81rem; height: .3rem; margin: 0 auto;}
    #pop2 .pop-con{width: 6.58rem; height: 11.21rem; background: url(https://game.gtimg.cn/images/roblox/web201904/collect/pop1.png) no-repeat; background-size: 100% 100%; font-size: .18rem; padding: 0 .4rem; color: #fff;}
    #pop2 .pop-con h3{font-size: .36rem; color: #fff; text-align: center; font-weight: bold; margin-top: .6rem;}
    #pop2 .pop-con dt{font-weight: bold; margin: .1rem 0;}
    #pop2 .pop-con dd{line-height: .36rem; position: relative; padding-left: .35rem;}
    #pop2 .pop-con dd i{font-style: normal; position: absolute; left: 0;}
    #pop2 .pop-con .close{top: .16rem;}
}

/* 第六期新增 */
.q5-head {
		height: 80px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 60PX;
		width: 100%;
		opacity: 0.83;
		background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.47) 53%, rgba(0, 0, 0, 0) 100%);
		z-index: 99;
}
.q5-logo {
    margin-right: 40px;
}
.q5-logo,
.q5-menu {
    display: inline-block;
    vertical-align: middle;
}
.q5-menu {
    font-size: 0;
}

.q5-menu li {
    display: inline-block;
		position: relative;
    vertical-align: middle;
    line-height: 80px;
    margin: 0 30px;
	  cursor: pointer;
}

.q5-menu>li>a:hover:after, .q5-menu>li>a:active:after{
    content: "";
		position: absolute;
		display: block;
		top: 60%;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: hsla(0,0%,100%,.7);
}

.q5-menu li a{
    font-size: 16px;
    color: #fff;
}

.part h2 {
    width: 100%;
	font-weight: bold;
    background-position: center;
}
.dis-flex {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}
.dis-flex > img + img {
    margin-left: 50px;
}
.q5-part-1 {
    margin-top: -285px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.q5-part-1 > div {
    margin: 0 30px;
    font-size: 24px;
	font-weight: bold;
    color: #fff;
}
.q5-part-1> div:hover {
    font-weight: bold;
}
.q5-part-1 img {
	border-radius: 5px;
    margin-bottom: 20px;
	transition: transform .3s ease;
} 
.q5-part-1 div:hover img{
    transform: scale(1.1);
} 
.q5-part-1 a {
    color: #fff;
} 
.part1 {
    background-image: url(../imgs/banner-q7.png);
	height: 1150px;
}
.part1 .p1-bmqr{
    text-align: center;
    position: relative;
    top: 545px;
}
.part1 .p1-bmqr img{
    width: auto;
}
.part2 {
    height: 910px;
}
.part4 {
    height: 400px;
}
.part + .part {
    margin-top: 50px;
}
.reward.dis-flex {
    margin-top: 50px;
}
.part4 .reward li .name {
    margin-top: 55px;
    color: #fff;
}
.part4 .reward li .name:before,
.part4 .reward li .name:after {
    display: none;
}

.fc-green {
    color: #00a2ff;
}
.q5-p5-sub {
    margin-top: 105px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
	color: #fff;
}
.q5-p5-list1 li,
.q5-p5-list2 li {
    font-size: 18px;
    line-height: 32px;
}

.q5-p5-list1 li a{
    color: #00a2ff;
	font-weight: bold;
}

.q5-p5-list2 {
    margin-top: 40px;
}
.q5-p5-list2 li:before {
    content: '';
    display: inline-block;
    margin: 10px 8px 0 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #00a2ff;
}
.q5-li-box {
    margin-top: 80px;
}
.q5-li-box > div {
    margin: 0 10px;
    text-align: center;
    font-size: 14px;
}

.q5-li-box img {
    margin-bottom: 20px;
}
.q5-li-sub,
.q5-li-sub,
.q5-li-sub {
    margin-top: 80px;
    text-align: center;
}
.q5-li-sub {
    font-size: 14px;
}
.q5-li-tit {
    position: relative;
    width: 220px;
    font-size: 16px;
    background-color: #242424;
}
.q5-li-tit:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    margin-left: -20px;
    width: 40px;
    height: 4px;
    background-color: #00a2ff;
}
.q5-li-btn {
    width: 200px;
    background-color: #00a2ff; 
}
.q5-li-tit,
.q5-li-btn {
    display: block;
    margin: 0 auto; 
    margin-top: 50px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.q5-h5-sp {
    display: none;
}
.q5-bro-box {
    margin-top: 70px;
    font-size: 0;
}
.part7 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 18%;
    height: auto;
    margin-right: 2%;
}

.part7 .dis-flex > img + img {
    margin-left: 0;
}

.q5-menu-icon {
    display: none;
}

.part6a{
	height: 500px;
	background: url(https://game.gtimg.cn/images/roblox/web201904/collect/bg05.jpg) no-repeat center top;
}
.part6a .moreinfo{
	margin-top: 105px;
	text-align: center;
}
.moreinfo li{
	display: inline-block;
	text-align: center;
}
.moreinfo li:nth-child(2){
	margin-left: 150px;
}
.moreinfo li img{
	width: 180px;
}
.moreinfo li .name{
	text-align: center;
	font-size: 22px;
	color: #fff;
	margin-top: 30px;
}

.part8{
	height: 660px;
}

.brh5{
	display: none;
}

.partnew1{
    position: relative;
}
.partnew1 h2{
    margin-bottom: 20px;
}
.partnew1 .steppic-m{
    display: none;
}
.partnew1 .btn-download{
    position: absolute;
    left: 100px;
    bottom: 80px;
    width: 140px;
    height: 80px;
}
.partnew1 .btn-baoming{
    position: absolute;
    left: 433px;
    top: 275px;
    width: 162px;
    height: 80px;
}
.partnew1 .btn-shangxian{
    position: absolute;
    right: 60px;
    top: 200px;
    width: 190px;
    height: 80px;
}
.highlightblue{
    color: #00a2ff;
}

/* 适配 */
@media screen and (max-width: 800px) {
    .q5-h5-sp {
        display: block;
    }
    .wrap,
    .part,
    .q5-head {
        width: 100%;
    }
    
    .q5-head {
        position: relative;
        height: 1rem;
        line-height: 1rem;
				padding: 0;
				opacity: 1;
    }
    .q5-logo {
        margin-right: .1rem;
        line-height: 1rem;
		margin-left: .5rem;
		width: 1.6rem;
    }

    .q5-menu li a {
        font-size: 10px;
    }
    .part1 {
        height: 9.2rem;
        background-image: url(../imgs/banner-q7-m.png);
        background-size: 100% auto;
    }
    .part1 .join {
        top: 7.2rem;
    }
    .part1 .p1-bmqr{
        top: 4.3rem;
    }
    .part1 .p1-bmqr img{
        width: 2.3rem;
    }
    .q5-part-1 {
        padding: 0 3.5%;
        margin-top: 0rem;
        flex-wrap: wrap;
        margin-bottom: 2.2rem;
        box-sizing: border-box;
        display: none;
    }
    .q5-part-1 > div {
        margin: 0;
        width: 50%;
        font-size: .27rem;
        margin-bottom: .5rem;
    }
    .q5-part-1 img {
        width: 90%;
        margin-bottom: .15rem;
    }
    .part-con {
        padding: 0 5%;
        width: 100%;
        box-sizing: border-box;
    }
    .q5-p5-list1 li, .q5-p5-list2 li {
        font-size: .24rem;
    }
	.part + .part {
	    margin-top: 1.4rem;
	}
    .part2,
    .part3,
    .part4,
    .part5,
    .part6,
	.part6a,
    .part7,
	.part8{
        height: auto;
    }
    .tab-contain1 .part2{
        margin-top: 1rem;
    }
    .part4 .rules2 {
        margin-left: 0;
        color: #fff;
        line-height: .3rem;
    }
    .part4 .reward li .name {
        margin-top: .4rem;
    }
    .part4 .rules2>li {
        line-height: .4rem;
    }
    .part4 .rules2>li:before {
        margin-top: .1rem;
    }
	.part5 .standard{
		margin-top: 1rem;
	}
	.q5-p5-sub{
		font-size: .28rem;
		margin-top: 1rem;
	}
	.q5-p5-list2{
		margin-top: .6rem;
	}
	.q5-p5-list2 li:before{
        width: .14rem;
        height: .14rem;
        margin: .22rem .14rem 0 0;
        position: absolute;
        left: .4rem;
	}
    .q5-work img {
        width: 45%;
    }
    .dis-flex > img + img {
        margin-left: .5rem;
    }
    .part6 .judges li {
        width: 46%;
        margin: 2%;
    }
    .q5-li-box > div {
        width: 44%;
        margin: 0 3%;
        margin-bottom: .2rem;
    }
    
    .q5-li-box img {
        width: 100%;
    }
	.part6 .judges{
		margin-top: 1rem;
	}
    .part7 img {
        display: inline-block;
        width: 40%;
        margin: 0 5%;
        margin-bottom: .5rem;
    }

    .q5-bro-box {
        margin: .5rem 0;
    }

    

    /* h5菜单 */
    .q5-menu-icon {
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        width: 24px;
        height: 12px;

        border-top: 2px solid #fff;
    }
    .q5-menu-icon:before,
    .q5-menu-icon:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: all 200ms ease 0ms;
    }
    .q5-menu-icon:before {
        top: -12px;
    }
    .q5-menu-icon:after {
        bottom: 0;
    }
    
    .q5-menu-icon.active {
        border-color: transparent;
    }
    .q5-menu-icon.active:before {
        top: 0;
        transform: rotate(45deg);
    }
    .q5-menu-icon.active:after {
        bottom: auto;
        top: 0;
        transform: rotate(-45deg);
    }

    .q5-menu {
        display: none;
        position: absolute;
        right: 0;
        top: 1rem;
        background-color: #000;
        transition: all 200ms ease 0ms;
    }
    .q5-menu li {
        display: block;
        line-height: 30px;
    }
    .q5-menu.active {
        display: block;
    }
	
	.part6a .moreinfo{
		margin-top: 1rem;
	}

	.moreinfo li:nth-child(2){
		margin-left: .2rem;
	}
	.moreinfo li img{
		width: 2rem;
	}
	.moreinfo li .name{
		font-size: .28rem;
		margin-top: .3rem;
	}
	.brh5{
		display: block;
	}
    .partnew1 .part-con{
        padding: 0;
    }
    .partnew1 .steppic{
        display: none;
    }
    .partnew1 .steppic-m{
        display: block;
        width: 100%;
    }
    .partnew1 .btn-download{
        left: .2rem;
        bottom: .8rem;
        width: 1.2rem;
        height: .8rem;
    }
    .partnew1 .btn-baoming{
        left: 2.7rem;
        top: 3.3rem;
        width: 1.5rem;
        height: .7rem;
    }
    .partnew1 .btn-shangxian{
        right: .2rem;
        top: 1.9rem;
        width: 1.5rem;
        height: .7rem;
    }
}