html,body{background-color:#f5f5f5}.page{width:1200px;margin:0 auto;height:auto;overflow:hidden}.right_nav{position:fixed;top:100px;right:calc(50% - 700px)}.right_nav a{position:relative;display:block;width:80px;height:80px;padding-top:7px;background:#303030;box-sizing:border-box}.right_nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:50px;height:1px;background:#C1C1C1;opacity:0.2}.right_nav a i{display:block;width:40px;height:40px;margin:0 auto;background:url(https://js1.dgyurui.com/te5/2022/cq/pc/images/right_1.png) no-repeat center;background-size:cover}.right_nav a span{display:block;width:100%;text-align:center;font-size:14px;font-weight:bold;color:#FFFFFF}.right_nav a:nth-of-type(1){background:#E13B3B}.right_nav a:nth-of-type(2) i{background-image:url(https://js1.dgyurui.com/te5/2022/cq/pc/images/right_2.png)}.right_nav a:nth-of-type(3) i{background-image:url(https://js1.dgyurui.com/te5/2022/cq/pc/images/right_3.png)}.right_nav a:nth-of-type(4) i{background-image:url(https://js1.dgyurui.com/te5/2022/cq/pc/images/right_4.png)}.right_nav a:nth-of-type(5) i{background-image:url(https://js1.dgyurui.com/te5/2022/cq/pc/images/right_5.png)}.right_nav a:nth-of-type(6) i{background-image:url(https://js1.dgyurui.com/te5/2022/cq/pc/images/right_6.png)}.right_nav a:nth-of-type(7) i{background-image:url(https://js1.dgyurui.com/te5/2022/cq/pc/images/right_7.png)}.right_nav a:nth-of-type(7){background:#000000}.right_nav a:nth-of-type(7):hover i{background-image:url("../images/right_8.png")}.right_nav a:nth-of-type(7):hover span{color:#E13B3B}.part{padding:20px 20px 10px 20px;margin-bottom:20px;background-color:white;overflow:hidden}.part1{padding-bottom:20px}.part1 .banner{float:left;margin-right:20px}.part1 .banner .swiper_box{background:#eee;width:640px;height:320px}.part1 .banner .swiper_box .swiper-container{width:100%;height:100%}.part1 .banner .swiper_box .swiper-wrapper{width:100%;height:100%}.part1 .banner .swiper_box .swiper-slide{width:100%;height:100%;position:relative}.part1 .banner .swiper_box .swiper-slide .img{width:100%;height:100%;background:#000}.part1 .banner .swiper_box .swiper-slide .img img{width:100%;height:100%}.part1 .banner .swiper_box .swiper-slide p{position:absolute;bottom:0;left:0;height:40px;width:100%;background-image:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0));text-align:center;background-color:#000000FF;opacity:0.8}.part1 .banner .swiper_box .swiper-slide p span{color:#fff;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;float:left;margin-left:20px}.part1 .banner .swiper_box .swiper-pagination{height:30px;position:absolute;bottom:0;left:430px!important;width:30%}.part1 .banner .swiper_box .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;background:#fff;opacity:1;position:relative}.part1 .banner .swiper_box .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,0)}.part1 .banner .swiper_box .swiper-pagination .swiper-pagination-bullet-active:before{content:'';display:inline-block;position:absolute;width:8px;height:8px;left:-2px;top:-2px;border:2px solid #ea6161;border-radius:50%}.part1 .swiper_box .swiper-button-prev{width:50px;height:80px;background:rgba(0,0,0,.6);top:0;margin-top:0;left:0;position:absolute;top:120px}.part1 .swiper_box .swiper-button-prev:before{content:'';display:inline-block;width:15px;height:26px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:url(../images/img2.png) no-repeat}.part1 .swiper_box .swiper-button-next{width:50px;height:80px;background:rgba(0,0,0,.6);top:0;margin-top:0;right:0;position:absolute;top:120px}.part1 .swiper_box .swiper-button-next:after{content:'';display:inline-block;width:15px;height:26px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:url(../images/img3.png) no-repeat}.kaifubiao{width:500px;float:right}.kaifubiao ul a{height:60px;display:flex;align-items:center;margin:15px 0px;position:relative;justify-content:space-between}.kaifubiao ul a>*{margin-right:20px;float:left}.kaifubiao ul a .tags{width:168px}.kaifubiao ul a .tags span{margin-right:20px}.kaifubiao ul a .tags span:nth-last-child(1){margin-right:0}.kaifubiao ul a img{width:60px;height:60px;border-radius:14px;float:left}.kaifubiao ul a span{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#333333}.kaifubiao ul a .title{width:157px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kaifubiao ul a .tag2{font-weight:400}.kaifubiao ul a .tag1{padding:4px 9px;background:#FFFAFA;border:1px solid #E13B3B;border-radius:3px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#E13B3B;margin-left:20px}.kaifubiao ul a .download{float:right;padding:7px 12px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:#E13B3B;border-radius:3px;margin-right:0}.part1 .two_card{margin-top:20px;float:left}.part1 .two_card div{float:left;position:relative}.part1 .two_card img{width:310px;height:180px}.part1 .two_card div:nth-child(1){margin-right:20px}.part1 .two_card span{position:absolute;bottom:0;left:0;width:310px;height:34px;background:#000000;opacity:0.8;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:center;line-height:34px}.part2{padding-bottom:0}.part2 ul{margin-top:20px;margin-bottom:20px;overflow:hidden}.part2 ul a{width:170px;height:248px;background:#F8F8F8;border-radius:6px;display:flex;text-align:center;overflow:hidden;white-space:nowrap;float:left;margin-right:28px;flex-direction:column;padding:20px 25px 0}.part2 ul a:hover{background:#FFFAFA}.part2 ul a:last-child{margin-right:0px}.part2 ul a>*{overflow:hidden}.part2 ul a img{width:120px;height:120px;border-radius:30px}.part2 ul a .tag1{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;line-height:30px;width:100%;margin-top:10px}.part2 ul a .tag2{line-height:20px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#999999;width:100%}.part2 ul a .score{line-height:30px;font-size:15px;font-family:Microsoft YaHei;font-weight:bold;color:#E13B3B;width:100%}.part3 .pic_list{margin-top:20px;width:840px;overflow:hidden;float:left}.part3 .pic_list a{width:100px;border-radius:6px;display:flex;text-align:center;overflow:hidden;white-space:nowrap;float:left;margin-right:20px;margin-bottom:20px;flex-direction:column;color:#333333}.part3 .pic_list a:hover{color:#E13B3B}.part3 .pic_list a img{width:100px;height:100px;border-radius:20px}.part3 .pic_list a span{margin-top:15px;width:100px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:14px}.part3 .tag_list{margin-top:20px;width:330px;float:left;margin-right:-50px;margin-left:10px}.part3 .tag_list span{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;width:92px;height:40px;background:#F8F8F8;border-radius:4px;text-align:center;line-height:40px;float:left;margin:0 15px 15px 0;cursor:pointer;user-select:none}.part3 .tag_list span.active{background:#E13B3B;color:#F8F8F8}.part3 .tag_list span:hover{background:#E13B3B;color:#F8F8F8}.part_support1 .swiper_rmqd{margin-top:20px;margin-bottom:10px;width:100%}.part_support1 .swiper-container{width:100%;position:relative}.part_support1 .swiper-wrapper{width:100%;height:320px;padding-top:10px;position:relative;left:464px}.part_support1 .swiper-slide{display:inline-block;width:232px;height:300px;position:relative}.part_support1 .swiper-slide-active{transform:scale(1.1)}.part_support1 .swiper-slide img{width:216px;height:300px;position:relative;left:8px}.part_support1 .swiper-slide .normal .title{width:216px;font-size:22px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;text-align:center;position:absolute;bottom:80px;left:8px}.part_support1 .swiper-slide .normal .time{width:216px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:center;position:absolute;bottom:50px;left:8px}.part_support1 .swiper-slide:hover .normal{filter:blur(10px)}.part_support1 .swiper-slide:hover .hover{display:block}.part_support1 .swiper-slide .hover{display:none;width:216px;height:300px;position:absolute;left:8px;top:0;padding:20px;box-sizing:border-box}.part_support1 .swiper-slide .hover .title{width:100%;font-size:22px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;text-align:center;height:40px;margin-top:20px;border-bottom:1px solid}.part_support1 .swiper-slide .hover .title2{width:100%;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin:10px 0}.part_support1 .swiper-slide .hover .detail{width:100%;font-size:13px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;opacity:0.6}.part_support1 .swiper-button-prev{width:50px;height:80px;background:rgba(0,0,0,.6);top:0;margin-top:0;left:8px;position:absolute;top:120px}.part_support1 .swiper-button-prev:before{content:'';display:inline-block;width:15px;height:26px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:url(../images/img2.png) no-repeat}.part_support1 .swiper-button-next{width:50px;height:80px;background:rgba(0,0,0,.6);top:0;margin-top:0;right:8px;position:absolute;top:120px}.part_support1 .swiper-button-next:after{content:'';display:inline-block;width:15px;height:26px;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:url(../images/img3.png) no-repeat}.part4 .ztdq{width:680px;float:left;margin-right:30px}.part4 .ztdq ul{margin-top:20px;overflow:hidden;float:left;width:110%}.part4 .ztdq ul a{display:flex;text-align:center;overflow:hidden;white-space:nowrap;float:left;margin-right:20px;margin-bottom:20px;flex-direction:column;width:210px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333}.part4 .ztdq ul a:hover{color:#E13B3B}.part4 .ztdq ul img{width:210px;height:118px;border-radius:4px}.part4 .ztdq ul span{margin-top:10px}.part4 .rmbq{width:450px;float:left}.part4 .rmbq ul{margin-top:20px;overflow:hidden;width:110%}.part4 .rmbq ul a{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;width:220px;height:28px;border:1px solid #F9D4D4;background:#FFFFFF;border-radius:4px;text-align:center;line-height:28px;float:left;margin:0 15px 15px 0}.part4 .rmbq ul a:hover{background:#E13B3B;color:#FFFFFF}.part5 .zxsy{width:754px;margin-right:36px;float:left}.part5 .zxsy ul{margin-top:20px;width:110%}.part5 .zxsy ul a{display:flex;text-align:center;overflow:hidden;white-space:nowrap;float:left;margin-right:30px;margin-bottom:20px;flex-direction:column;width:68px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333}.part5 .zxsy ul a:hover{color:#E13B3B}.part5 .zxsy ul a img{width:68px;height:68px;border-radius:16px}.part5 .zxsy ul a span{margin-top:10px}.part5 .yxsp{width:370px;float:right}.part5 .yxsp ul{margin-top:20px;width:110%}.part5 .yxsp ul a{display:flex;text-align:center;overflow:hidden;white-space:nowrap;float:left;margin-right:20px;margin-bottom:20px;flex-direction:column;width:172px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333}.part5 .yxsp ul a:hover{color:#E13B3B}.part5 .yxsp ul a img{width:172px;height:116px;border-radius:4px}.part5 .yxsp ul a span{margin-top:10px}.part6>*{width:370px;margin-right:25px;float:left}.part6>*:nth-child(3){margin-right:0}.part6 ul{margin:15px 0 20px 0;overflow:hidden}.part6 ul li img{width:360px;height:140px;border-radius:4px}.part6 ul li p{float:left;width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;line-height:30px;position:relative}.part6 ul li i{float:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-family:Microsoft YaHei;font-weight:400;color:#999999;line-height:30px;position:relative}.part6 ul .active p{color:#E13B3B}.part6 li p::before{content:'';display:inline-block;width:6px;height:6px;color:#E13B3B;border:1px solid #E13B3B;box-sizing:border-box;position:relative;top:50%;transform:translateY(-3px) rotate(45deg);left:2px;margin-right:10px}.part7 .rank2 .common_title span::before{content:'';display:inline-block;width:6px;height:20px;background:#2B94FFFF;position:absolute;left:0;top:0;bottom:0;margin:auto;border-top-right-radius:3px;border-bottom-right-radius:3px}.part7 .rank2 .common_title i{color:#2B94FFFF}.part7 .rank3 .common_title span::before{content:'';display:inline-block;width:6px;height:20px;background:#3FBF00FF;position:absolute;left:0;top:0;bottom:0;margin:auto;border-top-right-radius:3px;border-bottom-right-radius:3px}.part7 .rank3 .common_title i{color:#3FBF00FF}.part7>*{width:370px;margin-right:25px;float:left}.part7>*:nth-child(3){margin-right:0}.part7 ul{margin:15px 0 20px 0;overflow:hidden}.part7 ul a{margin-bottom:20px;display:block}.part7 ul a .game_info{display:none}.part7 ul a .game_simple{width:370px;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;white-space:nowrap}.part7 ul a .game_simple span{display:inline-block;width:22px;height:22px;background:#D4D4D4;border-radius:4px;font-size:14px;font-family:DIN;font-weight:bold;color:#FFFFFF;line-height:22px;text-align:center;margin-right:10px}.part7 ul a .game_info{grid-template-columns:120px 250px;grid-template-rows:30px 30px 20px 20px;grid-template-areas:"img span""img  h2""img  p""img  i";align-items:center}.part7 ul a .game_info img{grid-area:img;width:100px;height:100px;background:#E8EBF3;border-radius:20px}.part7 ul a .game_info span{grid-area:span;display:inline-block;width:22px;height:22px;background:#D4D4D4;border-radius:4px;font-size:14px;font-family:DIN;font-weight:bold;color:#FFFFFF;line-height:22px;text-align:center;margin-right:10px}.part7 ul a .game_info h2{grid-area:h2;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#333333;overflow:hidden;white-space:nowrap}.part7 ul a .game_info p{grid-area:p;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#666666;overflow:hidden;white-space:nowrap}.part7 ul a .game_info i{grid-area:i;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#666666;overflow:hidden;white-space:nowrap}.part7 ul a.active .game_info{display:grid}.part7 ul a.active .game_simple{display:none}