@font-face { font-family: "font5"; src: url(//game.gtimg.cn/images/cfhd/cp/a20230426mact/font5.ttf); }
.wrap5 .head{background-image: url(//game.gtimg.cn/images/cfhd/cp/a20230426mact/tab5/hd5.jpg);height: 1030px;}
.wrap5 .content{background-image: url(//game.gtimg.cn/images/cfhd/cp/a20230426mact/tab5/ct5.jpg);}
.wrap5 .login_box{bottom: 205px;}
.wrap5 .nav{bottom: -105px;}
.wrap5 .login_box{color: #481579;}
.sp5{background: url(//game.gtimg.cn/images/cfhd/cp/a20230426mact/tab5/sp5.png) no-repeat;}
.tab5 .sub_tit5{font-size: 18px; color: #481579; text-align: left;text-indent: 3em;line-height:25px;position: relative;z-index: 2;font-weight: 500;}
.tab5 .sub_tit5 span{color: #faee28;}
.tab5 .btn_lq51{width:192px;height:64px;background-position:-1280px -37px;margin:23px auto 0;font-size:28px;display: block;text-align: center;line-height:64px;color: #ffffff;font-family: "font5";}
.tab5 .btn_lq52{width:261px;height:77px;background-position: -416px -2094px;display: block;text-align: center;line-height:77px;color: #ffffff;font-family: "font5";font-size:34px;margin: 0 auto;}
.tab5 .btnY{width:359px;height:100px;background-position:-1521px -21px;margin:8px auto 0;font-size:42px;display: block;text-align: center;line-height:100px;color: #ffffff;font-family: "font5";overflow: visible;}
.tab5 .btnY p.p4{color: #d5f2fe; font-size: 18px; display: block; top:71px; left: 0; width: 100%; text-align: center; height: 20px;font-family: normal;}
.tab5 .dj_nm5{font-size:20px; color: #d5f2fe; width: 95%; position: absolute; left: 2.5%;  bottom: 12px; display: flex; flex-wrap: wrap; align-items: center;justify-content: center; text-align: center; line-height: 23px;}
.tab5 .btns5{display: flex;width: 61%;margin: 0 auto;}

.tab5 .part51{padding-top:68px;}
.tab5 .tit51{width: 1184px;height: 100px;background-position: -18px -19px;margin:0 auto 14px;}
.tab5 .tit52{width: 1184px;height: 100px;background-position: -17px -175px;margin: 0 auto 14px;}
.tab5 .tit53{width: 1188px;height: 100px;background-position: -13px -321px;margin: 0 auto 14px;}
.tab5 .tit54{width: 1184px;height: 100px;background-position: -17px -453px;margin:0 auto 22px;}
.tab5 .tit55{width: 1185px;height: 100px;background-position: -22px -600px;margin: 0 auto 14px;}
.tab5 .ic5{width:369px;height: 206px;background-position: -2087px 0;right: -369px;top:33px;}
.tab5 .list51{width: 1181px; height: 302px; background-position: -1280px -342px; margin:77px auto 175px; display: flex; justify-content: space-between;}
.tab5 .list51 li{width: 281px;}
.tab5 .list51 li .btn_lq51{margin-top: 315px;}
.tab5 .part52{padding-top:143px;}
.tab5 .list51 li:nth-of-type(3) p,.tab5 .list51 li:nth-of-type(4) p{bottom: 9px;}

.tab5 .list52{display:flex;justify-content:space-between;flex-wrap: wrap; margin:53px auto 0; width: 98%;}
.tab5 .list52 li{width:281px;height: 245px;background-position: -1283px -1135px;margin-bottom: 100px;}
.tab5 .list52 li.li1{width:758px;height:325px;background-position: -1281px -713px;}
.tab5 .list52 li.li2{width:374px;height:325px;background-position: -2086px -713px;}
.tab5 .list52 li.li4{background-position:-1582px -1135px;}
.tab5 .list52 li.li5{background-position:-1881px -1135px;}
.tab5 .list52 li.li6{background-position:-2180px -1135px;}
.tab5 .list52 li .btn_lq51{margin-top:257px;}
.tab5 .list52 li.li1 .btn_lq51,.tab5 .list52 li.li2 .btn_lq51{margin-top:330px;}
.tab5 .xl{color: #ffffff; width: 100%; font-size: 24px; text-align: center; top: -36px;}
.tab5 .sy{color: #ffffff; width: 100%; font-size: 22px; right: 19px; top: 12px; text-align: right;}
.tab5 .part53{padding-top:134px;}
.tab5 .list53{width: 1181px; height: 1080px; background-position: -1302px -1471px; display: flex; justify-content: space-between; flex-wrap: wrap; margin:8px auto -21px ; box-sizing: border-box; padding: 110px 27px 0 21px; align-content: flex-start;}
.tab5 .list53 li{width: 554px;height: 263px;margin-bottom: 14px;}
.tab5 .list53 li .dj_nm5{font-size: 22px;bottom:20px;left: 5%;width:90%;}
.tab5 .list53 li.li2 .dj_nm5,.tab5 .list53 li.li4 .dj_nm5{justify-content: flex-start;}
.tab5 .list53 li.li1 .dj_nm5,.tab5 .list53 li.li3 .dj_nm5{justify-content: flex-end;right: 5%;left: unset;}
.tab5 .list53 li.li5{width: 100%;height: 294px;}
.tab5 .list53 li .btn_lq51{position: absolute; bottom: 18px; left: 26px; transform: scale(1.2);}
.tab5 .list53 li.li2 .btn_lq51,.tab5 .list53 li.li4 .btn_lq51{left: unset;right: 26px;}
.tab5 .list53 li.li5 .btn_lq51{left: 50%;margin-left: -96px;bottom: -60px;}
.tab5 .part54{padding-top:167px;}
.tab5 .btn_qw5{text-decoration: underline; display: block; font-size: 24px; color: #dd36e5; margin:19px auto 18px; text-align: center;}
.tab5 .dq{font-size: 30px;font-style: italic;text-align: center;font-family: "font5";color: #2f075e;width: 86%;margin:0 auto;}
.tab5 .dq span{display: inline-block;width: 50%;}
.tab5 .list54{width: 1183px; height:911px; background-position: -1302px -2553px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 29px auto 0;align-content: flex-start;}
.tab5 .list54 li{width: 281px;height:300px;margin-bottom:128px}
.tab5 .list54 li .btn_lq51{margin-top: 310px;}
.tab5 .list54 li.li5,.tab5 .list54 li.li6{width:563px;height: 409px;}
.tab5 .sub5{width: 100%;text-align: center;font-size: 18px;color: #481579;top: 12%;}
.tab5 .list54 li.li5 .btn_lq51,.tab5 .list54 li.li6 .btn_lq51{margin-top:418px;}
.tab5 .list54 li .dj_nm5{bottom: 15px;}
.tab5 .fx_ic5{width: 1253px;height: 989px;background-position: 0 -846px;margin:68px 0 -91px 0;}
.tab5 .inr_tit54{width: 519px;height: 50px;background-position: -1283px -162px;margin:68px auto 29px;}
.tab5 .sr_list54{font-size:16px;color: #2f075e;}
.tab5 .sr_list54 li{display: flex; width: 58%; margin: 0 auto; justify-content: space-between; line-height: 37px;}
.tab5 .sr_list54 li a{text-decoration: underline; display: block;color: #dd36e5;}
.tab5 .table5{width: 1150px; height: 413px; background-position: -52px -2329px; margin:21px auto 25px; text-align: center; font-size: 18px; color: #2f075e; box-sizing: border-box; padding: 56px 10px 0; line-height: 70px;}
.tab5 .table5 table{width: 100%;}
.tab5 .table5 td{border-bottom:1px solid rgb(207 216 254 / 23%);border-right:1px solid rgb(207 216 254 / 23%);text-align: center;}
.tab5 .table5 tr td:last-child{border-right: 0px;}
.tab5 .table5 tr td:first-child{width: 22%;}
.tab5 .table5 tr td:nth-child(2){width: 27%;}
.tab5 .table5 tr td:nth-child(3){width:20%;}
.tab5 .hd_img55{width: 44px; height: 44px; border-radius: 100%; overflow: hidden; object-fit: cover; margin: 0 auto; vertical-align: middle;}
.tab5 .part55{padding-top: 157px;}
.tab5 .list55{display: flex; width: 1185px; height: 952px; background-position: -66px -2891px; flex-wrap: wrap; justify-content: space-between; margin:52px 0 0 25px; align-content: flex-start;}
.tab5 .list55 li{width: 570px; height: 406px; margin-bottom: 130px;}
.tab5 .list55 li.li3,.tab5 .list55 li.li4{height: 417px;}
.tab5 .list55 li .btn_lq51{margin-top: 420px;}
.tab5 .box55{padding-top:161px;}
.tab5 .inr_tit55{width: 519px;height: 50px;background-position: -1285px -241px;margin:0 auto 23px;}
.tab5 .sub_tit5.sub_tit52{text-align: center;text-indent: 0;width: 80%;margin: 0 auto;}
.tab5 .inr_55{display: flex; justify-content: space-between; align-items: center; margin: 25px 0 18px 20px;}
.tab5 .header5{width: 251px;height: 239px;background-position: -1360px -3543px;}
.tab5 .header5 img{display: block; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; height: 80%; width: 80%; object-fit: cover; border-radius: 100%;}
.tab5 .inr_55 input{color: #d5f2fe;height: 63px;font-size: 18px;box-sizing: border-box;padding: 0 15px;}
.tab5 .ipt55_1{width:385px;background-position: -1665px -3597px;}
.tab5 .ipt55_2{width:235px;background-position: -1665px -3680px;}
.tab5 .inr_55 p{display: flex;align-items: center;}
.tab5 .inr_55 p a{margin: 0;transform: scale(0.8);}
.tab5 .part55 .btnY p.p4{color: #2F075E;}
/*share*/
.tab5 .h5_box,.tab9 .h5_box{display: none;}
.tab5 .sr_box{width: 100%; margin:0 auto 0; height: 300px;}
.tab5 .sr_box .fl{width:335px; height:292px; position: absolute; top:0;left:9px;background-position:-52px -1932px;}
.tab5 .sr_box .fl img,.tab5 .sr_box .fl canvas{display: block; position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;max-height:91%;max-width:91%;}
.tab5 .sr_box .fr{position: absolute; right: 0; top: 48px; width: 840px;}
.tab5 .sr_box .fr .c{display: flex; justify-content: flex-end; margin: 28px auto 27px; margin-right:17px;}
.tab5 .sr_box input{width:797px;height:83px;background-position:-421px -1979px;border: none;outline: none;font-size:28px;color:#d5f2fe;box-sizing: border-box;padding: 0 30px;font-family: "font3";margin-left: 17px;}
.tab5 input::placeholder{ color: #d5f2fe;}

.gbline{width:33%}

.tab5 .list53 li.li1 .dj_nm5{height: auto;}
.tab5 .list54 li .dj_nm5{height: auto;}
.tab5 .btn_djsc{  width:548px;height:100px;background-image: url(//game.gtimg.cn/images/cfhd/cp/a20230426mact/tab5/btn5.png); background-size: 100% 100%;
display: block;text-align: center;line-height:100px;color: #ffffff;font-family: "font5";font-size:46px;margin:-190px auto 30px;}