.content{width:1200px;margin:20px auto;background:#fff;padding:20px}.hiden{display:none!important}.row2{overflow:hidden}.row2 .left{width:620px;float:left}.row2 .left a{width:300px;height:150px;margin-top:20px;margin-right:20px;float:left;position:relative}.row2 .left a img{width:100%;height:100%;transition:all 0.5s}.row2 .left a .black_bg{width:100%;height:32px;background:#000000;opacity:0.8;position:absolute;bottom:0}.row2 .left a p{width:100%;text-align:center;line-height:32px;box-sizing:border-box;padding:0 5px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;position:absolute;bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row2 .left a:nth-child(1){width:620px;height:310px;margin-top:0;margin-right:0}.row2 .left a:nth-last-child(1){margin-right:0}.row2 .left a:nth-child(1) .black_bg{height:42px}.row2 .left a:nth-child(1) p{line-height:42px;padding:0 10px}.row2 .right{width:510px;float:right}.row2 .right h2{width:100%;font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#3D7EFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.row2 .right .headlines{width:100%;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:12px;text-align:center}.row2 .right .news{width:100%;display:block;margin-top:22px;overflow:hidden}.row2 .right .news .col_name{float:left;width:54px;height:29px;background:#EEF4FF;text-align:center;line-height:29px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#3D7EFF}.row2 .right .news p{width:370px;line-height:29px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#555555;float:left;margin-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row2 .right .news .update{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#999999;float:right;line-height:29px}.high{margin-top:30px}.high .list{overflow:hidden;margin-top:20px}.high .list .item{width:280px;float:left}.high .list .item+.item{margin-left:13px}.high .list .item .img_box{width:280px;height:150px;overflow:hidden}.high .list .item .img_box img{width:280px;height:150px;transition:all 0.5s}.high .list .item .name_type{width:280px;height:46px;background:#F9F9F9;padding:8px 16px;overflow:hidden}.high .list .item .name_type p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#0E1A20;line-height:30px;width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}.high .list .item .name_type span{width:72px;height:30px;background:#EEF4FF;border-radius:15px;text-align:center;line-height:30px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#3D7EFF;float:right}.double_col{margin-top:30px;overflow:hidden}.double_col .mobile_games{width:780px;float:left}.double_col .mobile_games .list{overflow:hidden}.double_col .mobile_games .list .item{display:block;margin-top:30px;width:105px;margin-right:30px;float:left}.double_col .mobile_games .list .item:nth-child(6n){margin-right:0}.double_col .mobile_games .list .item img{width:105px;height:105px;border-radius:24px}.double_col .mobile_games .list .item .name{width:100%;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;text-align:center}.double_col .mobile_games .list .item .time{width:100%;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#3D7EFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;text-align:center}.double_col .news{width:350px;float:right}.double_col .news .item{overflow:hidden;width:100%;display:block;padding:15px 0;padding-left:15px;border-bottom:1px solid #F2F2F2;position:relative}.double_col .news .item::before{content:'◇';font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#3D7EFF;line-height:20px;position:absolute;left:0}.double_col .news .item p{float:left;width:275px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.double_col .news .item .update{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#999999;float:right}.game_topic{padding:20px;box-sizing:border-box;overflow:hidden}.swiper_box{padding-bottom:30px}.swiper_box .swiper-pagination{bottom:0}.swiper_box .swiper-pagination-bullet{width:20px;height:6px;background:#E8E8E8;border-radius:3px;opacity:1}.swiper_box .swiper-pagination-bullet-active{width:20px;height:6px;background:#3D7EFF;border-radius:3px;opacity:1}.swiper_box .swiper-button-next{background:url(http://js1.dgyurui.com/h5uc/2022/pc/BTpage/images/next.png) no-repeat;opacity:1}.swiper_box .swiper-button-prev{background:url(http://js1.dgyurui.com/h5uc/2022/pc/BTpage/images/prev.png) no-repeat;opacity:1}.swiper_box .swiper-button-next.swiper-button-disabled{background:url(http://js1.dgyurui.com/h5uc/2022/pc/BTpage/images/no_next.png) no-repeat;opacity:1}.swiper_box .swiper-button-prev.swiper-button-disabled{background:url(http://js1.dgyurui.com/h5uc/2022/pc/BTpage/images/no_prev.png) no-repeat;opacity:1}.swiper_box .swiper-button-next,.swiper_box .swiper-button-prev{top:100%;width:20px;height:12px;margin-top:-12px}.game_topic .topic_list{margin-top:20px}.game_topic .topic_list .swiper-slide{width:auto}.game_topic .topic_list .swiper-slide+.swiper-slide{margin-left:13px}.game_topic .topic_list .swiper-slide a{width:280px;height:150px;display:block;position:relative}.game_topic .topic_list .swiper-slide a img{width:280px;height:150px}.game_topic .topic_list .swiper-slide a .black_bg{width:280px;height:32px;background:#000000;opacity:0.8;position:absolute;bottom:0}.game_topic .topic_list .swiper-slide a p{width:100%;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;line-height:32px;box-sizing:border-box;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:0;text-align:center}.game_topic .topic_list .swiper-button-next{right:350px}.game_topic .topic_list .swiper-button-prev{left:350px}.video_gift_service{margin-top:20px;box-sizing:border-box;overflow:hidden}.video_gift_service .video{width:410px;float:left;margin-right:30px}.video_gift_service .video .video_list{overflow:hidden}.video_gift_service .video .video_list .item{width:195px;height:110px;display:block;position:relative;margin-top:20px;float:left;overflow:hidden}.video_gift_service .video .video_list .item:nth-child(2n){margin-right:20px}.video_gift_service .video .video_list .item img{width:100%;height:100%;transition:all 0.5s}.video_gift_service .video .video_list .item:hover img{transform:scale(1.1)}.video_gift_service .video .video_list .item .black_bg{height:70%;width:100%;position:absolute;bottom:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9))}.video_gift_service .video .video_list .item p{width:76%;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;line-height:16px;position:absolute;bottom:9%;left:5%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video_gift_service .video .video_list .item .play{width:24px;height:24px;position:absolute;background:url(http://js1.dgyurui.com/h5uc/2022/pc/BTpage/images/play_s.png) no-repeat;bottom:9%;right:5%}.video_gift_service .video .video_list .item:nth-child(1){width:410px;height:230px}.video_gift_service .video .video_list .item:nth-child(1) p{font-size:16px}.video_gift_service .video .video_list .item:nth-child(1) .play{width:40px;height:40px;background:url(http://js1.dgyurui.com/h5uc/2022/pc/BTpage/images/play_b.png) no-repeat}.video_gift_service .gift{width:340px;float:left;margin-right:30px}.video_gift_service .gift .gift_list{margin-top:20px}.video_gift_service .gift .item{width:100%;overflow:hidden}.video_gift_service .gift .item+.item{margin-top:17px}.video_gift_service .gift .item .game_pic{width:84px;height:84px;border-radius:18px;float:left}.video_gift_service .gift .item .info{box-sizing:border-box;padding:2px 0;width:240px;float:right}.video_gift_service .gift .item .info h2{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#0E1A20;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video_gift_service .gift .item .info p{width:90%;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px}.video_gift_service .gift .item .info .bar_btn{overflow:hidden;margin-top:10px}.video_gift_service .gift .item .info .bar_btn .bar{width:124px;height:10px;background:#F2F2F2;border-radius:10px;float:left;margin-top:13px}.video_gift_service .gift .item .info .bar_btn .bar_missing{width:80%;height:10px;background:#20C356;border-radius:5px}.video_gift_service .gift .item .info .bar_btn .bar_num{font-size:12px;font-family:Microsoft YaHei;font-weight:bold;color:#999999;line-height:16px;float:left;margin-top:9px;margin-left:8px}.video_gift_service .gift .item .info .bar_btn .btn{width:68px;height:25px;background:#FFFFFF;border:1px solid #20C356;border-radius:2px;float:right;text-align:center;line-height:23px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#20C356}.video_gift_service .gift .item .info .bar_btn .btn:hover{background-color:#20C356;color:#fff}.video_gift_service .service{width:350px;float:left}.video_gift_service .service .open_service{margin-top:20px}.video_gift_service .service .open_service .item{display:block;width:100%;margin-bottom:17px;overflow:hidden}.video_gift_service .service .open_service .item+.item{margin-top:17px}.video_gift_service .service .open_service .item img{width:84px;height:84px;border-radius:18px;float:left}.video_gift_service .service .open_service .item .info{width:250px;float:right;box-sizing:border-box;padding:5px 0}.video_gift_service .service .open_service .item .info h2{width:100%;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#0E1A20;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video_gift_service .service .open_service .item .info .text_btn{overflow:hidden;margin-top:15px;width:100%}.video_gift_service .service .item .text_btn .text{float:left}.video_gift_service .service .item .text_btn .text p{font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#666666;line-height:19px}.video_gift_service .service .item .text_btn .btn{width:68px;height:29px;background:#3D7EFF;border-radius:2px;text-align:center;line-height:29px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:block;float:right;margin-top:3px}.video_gift_service .service .item .text_btn .btn:hover{background:#2B6EF4}.friend_link{padding:20px 0;box-sizing:border-box}.friend_link .link_bg{background:#F9F9F9;width:100%;height:100%;overflow:hidden}.friend_link .left{width:140px;height:180px;background:#3D7EFF;border-radius:0px 40px 10px 0px;box-sizing:border-box;padding:56px 0;float:left;position:relative;z-index:20}.friend_link .left .text1{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;text-align:center}.friend_link .left .text2{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#C5D8FF;text-align:center;margin-top:10px}.friend_link .left .text3{font-size:13px;font-family:Microsoft YaHei;font-weight:400;color:#C5D8FF;text-align:center}.friend_link .right{background:#F9F9F9;overflow-y:scroll;width:1020px;height:180px;float:left;box-sizing:border-box;padding:30px}.friend_link .right a{display:block;width:110px;font-size:13px;font-family:Microsoft YaHei;font-weight:400;color:#8A8A8A;margin-bottom:20px;float:left}.friend_link .right a:hover{color:#3D7EFF}.common_title ul{height:100%;float:left;overflow:hidden}.common_title ul li{box-sizing:border-box;padding:0 20px;height:40px;background:#F2F2F2;border-radius:2px 2px 0px 0px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#0E1A20;line-height:40px;float:left;cursor:pointer}.common_title ul li+li{margin-left:10px}.common_title ul li.active{background:#3D7EFF;font-weight:bold;color:#FFFFFF}