body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
img{border:0}
body{padding-top:0;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
/* reset end */
/* foot */
#afooter{min-width: 1410px;position: relative;padding: 30px 0;text-align: center;font: normal 12px/19px Tahoma;z-index: 10;background-color: #191219;}
#afooter,#afooter a{color: #c0c0c0;text-decoration: none;}

.inlineblock{display: inline-block;}
.disblock{display: block;}


@font-face {
    font-family: "FZFEIFT_DAJW";
    src: url("//game.gtimg.cn/images/fz/cp/a20230629star/font/FZFEIFT_DAJW.otf");
}
@font-face {
    font-family: "FZCYSJW";
    src: url("//game.gtimg.cn/images/fz/cp/a20230629star/font/FZCYSJW.TTF");
}
@font-face {
    font-family: "HYQiHei-GEW";
    src: url("//game.gtimg.cn/images/fz/cp/a20230629star/font/HYQiHei-GEW.otf");
}
@font-face {
    font-family: "HYQiHei-EZS";
    src: url("//game.gtimg.cn/images/fz/cp/a20230629star/font/HYQiHei-EZS.ttf");
}
@font-face {
    font-family: "HYQiHei-EES";
    src: url("//game.gtimg.cn/images/fz/cp/a20230629star/font/HYQiHei-EES.ttf");
}
@font-face {
    font-family: "HYQiHei-FZS";
    src: url("//game.gtimg.cn/images/fz/cp/a20230629star/font/HYQiHei-FZS.ttf");
}
@font-face {
    font-family: "HYQiHei-DZS";
    src: url("//game.gtimg.cn/images/fz/cp/a20230629star/font/HYQiHei-DZS.ttf");
}
@font-face {
    font-family: "HYQiHei-DES";
    src: url("//game.gtimg.cn/images/fz/cp/a20230629star/font/HYQiHei-DES.ttf");
}
@font-face {
    font-family: "HYQiHei-GZS";
    src:url("//game.gtimg.cn/images/fz/cp/a20230629star/font/HYQiHei-GZS.ttf");
}
@font-face {
    font-family: "fzdhtk";
    src:url("//game.gtimg.cn/images/fz/cp/a20230629star/font/fzdhtk.ttf");
}
@font-face {
    font-family: "syhtb";
    src:url("//game.gtimg.cn/images/fz/cp/a20230629star/font/syhtb.ttf");
}
@font-face {
    font-family: "syhtm";
    src:url("//game.gtimg.cn/images/fz/cp/a20230629star/font/syhtm.ttf");
}
@font-face {
    font-family: "hyqh60s";
    src:url("//game.gtimg.cn/images/fz/cp/a20230629star/font/hyqh60s.ttf");
}

body{
    background-color: #000000;
}
.wrap{
    width: 100%;
    min-width: 1410px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/* 顶部内容 start */
.index-top{
    width: 1842px;
	height: 97px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 323px 0 395px;
    background-color: rgba(0, 0, 0, 0.8);
}
.index-top.active{
    background-color: rgba(0, 0, 0, 0.8);
}
.kv-logo{
    width: 171px;
    height: 66px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/logo.png) no-repeat;
    background-size: 100% 100%;
    margin: 0px 46px 0 0;
}
.index-list{
    width: 791px;
    height: 97px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.index-tab1{
    width: 249px;
    height: 97px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/tab1.png) no-repeat;
}
.index-tab2{
    width: 249px;
    height: 97px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/tab2.png) no-repeat;
}
.index-tab3{
    width: 290px;
    height: 97px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/tab3.png) no-repeat;
    background-size: 100% 100%;
}
.index-tab1.active{
    width: 249px;
    height: 97px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/tab1_1.png) no-repeat;
}
.index-tab2.active{
    width: 249px;
    height: 97px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/tab2_1.png) no-repeat;
}
.index-btnbox{
    width: 466px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0px 0 20px;
}
.index-btn1{
    width: 220px;
    height: 61px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/top_btn1.png) no-repeat center;
    background-size: 100% 100%;
}
.index-btn2{
    width: 220px;
    height: 61px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/top_btn2.png) no-repeat center;
    background-size: 100% 100%;
}
.login-box{
    width: 360px;
    text-align: right;
}
.login-box,.login-box a{
    color: #fff2c1;
    font-size: 20px;
}
#bind-phone,#unbind-phone{
    color: #ffffff!important;
}
/* 顶部内容 start */

/* 头图 start */
.kv{
    width: 100%;
    height: 1440px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/kv.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.kv-name{
    width: 64px;
    height: 363px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/kv_name.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 188px;
    right: 876px;
}
.kv-big{
    width: 100%;
    position: absolute;
    top: 708px;
    left: 0;
}
.kv-box{
    width: 1265px;
    margin: 0 auto;
}
.kv-title{
    width: 506px;
    height: 382px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/kv_title.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.kv-subtitle{
    width: 536px;
    height: 124px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/kv_subtitle.png) no-repeat;
    background-size: 100% 100%;
    margin: -60px auto 0;
}
.kv-date{
    width: 175px;
    height: 166px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/kv_datebg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.header-btn-box {
    width: 579px;
    margin: -16px auto 20px;
}
.header-btn-box .btn-booking {
  display: block;
  background: url(//game.gtimg.cn/images/fz/cp/a20230629star/header_btn_booking.png) no-repeat;
  width: 579px;
  height: 156px;
}
.header-btn-box .btn-booking.on {
  background: url(//game.gtimg.cn/images/fz/cp/a20230629star/header_btn_booking_on.png) no-repeat;
  pointer-events: none;
}
.header-btn-box .btn-download{
  display: none;
  width: 579px;
  height: 156px;
  background: url(//game.gtimg.cn/images/fz/cp/a20230629star/header_btn_download.png) no-repeat;
}
.kv-date p{
    font-size: 15px;
    color: #fef4e1;
    font-family: 'HYQiHei-EES';
    text-align: center;
    padding-top: 11px;
    letter-spacing: 12px;
    margin-bottom: 5px;
}
.kv-num span:first-child{
    font-size: 105px;
    line-height: 1;
    font-family: 'fzdhtk';
    display: inline-block;
    transform: translateX(8px);
}
.kv-num span:last-child{
    color: #ceb28e;
    font-size: 30px;
    font-family: 'fzdhtk';
    padding-top: 90px;
}
@supports (-webkit-background-clip: text) {
    .kv-num span:first-child{
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        background-image: linear-gradient(to bottom, #ffefd9 20%, #c9a37a 60%);
    }
    .kv-num span:last-child{
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        background-image: linear-gradient(to bottom, #ffefd9, #c9a37a);
    }
}
.login-before{
    width: 463px;
    height: 51px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/kv_dl.png) no-repeat;
    background-size: 100% 100%;
    line-height: 51px;
    margin: 0 auto;
    text-align: center;
    color: #fffdfa;
    letter-spacing: 2px;
    font-family: 'HYQiHei-EES';
}
#btn_qqlogin,#login_qq_span{
    color: #fee2b7;
}
/* 头图 end */

/* 中部内容 start */
.content{
    width: 100%;
    height: 2960px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/bg.jpg) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    padding-top: 140px;
}
.index-fg{
    width: 100%;
    height: 87px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/kv_fg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -50px;
    left: 0px;
}
/* 第一部分 */
.part1{
    width: 1400px;
    height: 493px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part1_bg.png) no-repeat right;
    background-size: 1290px 493px;
    margin: 0 auto 177px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.part1::after{
    content: '';
    width: 719px;
    height: 36px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part1_zs.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -39px;
    left: 50%;
    transform: translate(-50%,0);
}
.part1::before{
    content: '';
    width: 719px;
    height: 36px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part1_zs1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -34px;
    left: 50%;
    transform: translate(-50%,0);
}
.part1-video{
    width: 808px;
    height: 454px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part1_video.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 23px;
}
.part1-play{
    width: 136px;
    height: 103px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part1_play.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.part1-right{
    width: 520px;
    margin: 36px 34px 0 0;
}
.part1-title{
    width: 447px;
    height: 55px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part1_title.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 17px;
}
.part1-subtitle{
    color: #ab7d42;
    font-size: 30px;
    text-align: center;
    line-height: 1;
    margin-bottom: 32px;
    font-family: 'HYQiHei-EES';
}
.part1-content{
    width: 100%;
    height: 295px;
    color: #5e6985;
    line-height: 1.5;
    font-size: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    word-break: break-all;
    overflow: hidden;
    font-family: 'HYQiHei-EZS';
}
.part1-people{
    width: 230px;
    height: 236px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part1_1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -63px;
    right: -155px;
}

/* 第二部分 */
.part2{
    width: 1400px;
    height: auto;
    margin: 0 auto 165px;
}
.part2-box{
    width: 1336px;
    height: auto;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part2_bg.png) no-repeat bottom;
    background-size: 1400px 473px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-right: 64px;
}
.part2-titlebox{
    margin-bottom: 74px;
}
.part2-title{
    width: 895px;
    height: 93px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part2_title.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 22px;
}
.part2-subtitle{
    color: #efcda1;
    font-size: 30px;
    text-align: center;
    line-height: 1;
    font-family: "HYQiHei-EES";
}
.part2-list{
    display: flex;
    justify-content: space-between;
}
.part2-right{
    width: 580px;
    margin-top: 40px;
}
.part2-item{
    width: 225px;
    height: 186px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part2_jpbg1.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 32px;
    position: relative;
}
.part2-item1{
    width: 314px;
    height: 396px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part2_jpbg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.part2-item1 .part2-name{
    bottom: 30px;
}
.part2-item1 .part2-pic{
    max-width: 209px;
    max-height: 282px;
    padding-top: 38px;
}
.part2-pic{
    max-width: 123px;
    max-height: 91px;
    text-align: center;
    margin: 0 auto 24px;
    padding-top: 32px;
}
.part2-name{
    width: 100%;
    color: #ffffff;
    font-size: 23px;
    line-height: 1;
    text-align: center;
    position: absolute;
    bottom: 24px;
	font-family: 'HYQiHei-DZS';
}
.part2-left{
    width: 714px;
    height: 502px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part2_left.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -90px;
    transform: translateX(-6px);
}
.part2-play{
    width: 128px;
    height: 96px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part2_play.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 203px;
    left: 428px;
}
.part2-play.active {
    background: url("//game.gtimg.cn/images/fz/cp/a20230629star/btn-audio-stop.png") no-repeat;
    background-size: 100% 100%;
}
.part2-codebox{
    position: absolute;
    bottom: -24px;
    left: 7px;
}
.part2-qrcode{
    width: 153px;
    height: 153px;
    margin-bottom: 7px;
}
.part2-btn{
    width: 140px;
    height: 26px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part2_btn.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 8px;
}

/* 第三部分 */
.part3{
    width: 1485px;
    height: auto;
    margin: 0 auto;
}
.part3-titlebox{
    position: relative;
    z-index: 2;
}
.part3-title{
    width: 1072px;
    height: 166px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part3_title.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 135px;
}
.part3-subtitle{
    width: 443px;
    height: 39px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part3_subtitle.png) no-repeat;
    background-size: 100% 100%;
    color: #efcda1;
    font-size: 40px;
    text-align: center;
    line-height: 1;
    margin: 0 auto 160px;
    font-family: 'HYQiHei-EES';
}
.part3-box{
    width: 964px;
    height: 925px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part3_dk.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    position: relative;
}
.part3-btnall{
    position: relative;
    width: 1485px;
    height: 850px;
    z-index: 1;
    left: -10px;
}
.part3-btn{
    position: absolute;
    text-align: center;
}
.part3-pic{
    width: 200px;
    height: 186px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part3_iconbg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.part3-pic img{
    width: 132px;
    height: 131px;
    display: inline-block;
}
.part3-spname{
    color: #ab936f;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    margin-top: -10px;
}
.part3-btn.active .part3-pic{
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part3_iconbg1.png) no-repeat;
    background-size: 100% 100%;
}
.part3-btn1{
    top: 364px;
    left: -72px;
}
.part3-btn2{
    top: 154px;
    left: 2px;
}
.part3-btn3{
    top: -5px;
    left: 160px;
}
.part3-btn4{
    top: -71px;
    left: 395px;
}
.part3-btn5{
    top: -2px;
    left: 630px;
}
.part3-btn6{
    top: 154px;
    left: 790px;
}
.part3-btn7{
    top: 365px;
    left: 856px;
}
.part3-list{
    display: block;
    position: absolute;
    top: -356px;
    left: -96px;
}
.xzImg.active,.bigImg.active{
    display: block;
}
.xzImg,.bigImg{
    display: none;
}
.part3-btnbox{
    position: absolute;
    bottom: -58px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    margin-left: 5px;
}
.part3-ganzhi{
    width: 450px;
    height: 117px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part3_btn.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 40px;
}
.part3-tips{
    width: 558px;
    height: 41px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/part3_tips.png) no-repeat;
    background-size: 100% 100%;
    line-height: 44px;
    margin: 0 auto;
    text-align: center;
    font-size: 23px;
    color: #ffffff;
	letter-spacing: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'HYQiHei-DZS';
}
/* 中部内容 end */

/* 弹窗 */
.dialog {
    outline: none;
    border: none;
}

.dialog *,
.dialog *::before,
.dialog *::after {
    box-sizing: border-box;
}

.dialog .dia-con {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.dialog .dia-close {
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/close.png) no-repeat;
    width: 65px;
    height: 65px;
    position: absolute;
    right: -70px;
    top: 0;
    overflow: hidden;
}

/* 视频弹窗 start */
.dia-video,
.video-box {
    width: 1000px;
    height: 560px;
    box-sizing: content-box;
}
.dia-video .dia-close {
    right: -70px;
    top: 0;
    z-index: 20;
}
/* 视频弹窗 end */

/* 分享图弹窗 start */
.share-big{
    width: 1182px;
    height: 628px;
    position: relative;
}
.share-bg{
    width: 1182px;
    height: 628px;
    position: absolute;
    top: 0;
    left: 0;
}
.share-bg img{
    width: 1182px;
    height: 628px;
}
.share-box{
    width: 960px;
    height: auto;
    margin-left: 85px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.share-left{
    width: 385px;
    height: 585px;
    margin-top: 25px;
    padding-left: 10px;
}
.share-right{
    width: 500px;
    margin-top: 73px;
    position: relative;
}
.share-title{
    color: #c28400;
    font-size: 54px;
    line-height: 1;
    font-family: 'HYQiHei-GZS';
    margin-bottom: 19px;
    margin-left: -20px;
}
.share-subtitle{
    color: #828282;
    font-size: 26px;
    line-height: 1;
    font-family: 'HYQiHei-DES';
    margin-left: -10px;
}
.share-zs{
    width: 416px;
    height: 45px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/dialog1_zs.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 0 18px 0px;
}
.share-name{
    color: #c28400;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 25px;
    font-family: 'HYQiHei-GZS';
}
.share-jiyu{
    color: #828282;
    font-size: 28px;
    line-height: 1.4;
    font-family: 'HYQiHei-EZS';
}
.share-btnbox{
    width: 490px;
    height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
    position: absolute;
    bottom: 84px;
    left: 508px;
}
.share-btn{
    width: 227px;
    height: 72px;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/dialog1_btn.png) no-repeat;
    background-size: 100% 100%;
    line-height: 80px;
    text-align: center;
    color: #fff3b5;
    font-size: 38px;
    font-family: 'FZFEIFT_DAJW';
}
.share-tips{
    color: #fff8ec;
    font-size: 22px;
    line-height: 1;
	font-family: 'HYQiHei-DES';
    margin-top: 29px;
    position: absolute;
    bottom: 26px;
    left: -35px;
}
/* 分享图弹窗 end */
.share-html,.qrcode-html{
    position: absolute;
    left: -2000px;
}
.shareimg{
    width: 1182px;
    height: 628px;
    margin: 0 auto;
}
.milo-alert-frame{
    z-index: 1002 !important;
}
.qrcode-big,.qrcode-bg,.qrcodeimg{
    width: 1182px;
    height: 648px;
    position: relative;
}
.qrcodepic{
    width: 129px;
    height: 129px;
    position: absolute;
    bottom: 50px;
    right: 100px;
}
.qrcodepic img{
	width: 100%;
	height: 100%;
}
.milo-alert-frame{
    z-index: 1003 !important;
}

/* 绑定手机号 */
.dia-bind {
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/dia_bg2.png) no-repeat;
    width: 915px;
    height: 778px;
  }
  
  .dia-bind .dia-tit {
    color: #455a88;
    font-size: 36px;
    font-family: 'syhtb';
    text-align: center;
    margin-top: 48px;
    position: relative;
  }
  
  .dia-bind .dia-tit::after {
    content: '';
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/dia_title_icon.png) no-repeat;
    width: 599px;
    height: 52px;
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .dia-bind .vcode-tit {
    color: #2d4267;
    font-size: 40px;
    font-family: 'syhtb';
    text-align: center;
    margin-top: 66px;
  }
  
  .dia-bind .fill-box {
    width: 719px;
    margin: 20px auto 0;
  }
  
  .dia-bind .fill-box span {
    width: 153px;
    color: #e4eeff;
    font-size: 30px;
    font-family: 'hyqh60s';
    text-align: center;
    line-height: 78px;
    position: relative;
  }
  
  .dia-bind .fill-box span::after {
    content: '';
    width: 2px;
    height: 55px;
    background-color: #95bce8;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .dia-bind .fill-box input {
    color: #e4eeff;
    font-size: 30px;
    font-family: 'hyqh60s';
    margin-left: 20px;
  }
  
  #phone_num,#code_num {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none;
    outline: none;
    border: none;
  }
  
  .dia-bind .fill-box input::placeholder {
    color: #e4eeff;
    font-size: 26px;
  }
  
  .dia-bind .fill-box .phone-fill {
    width: 719px;
    height: 78px;
    background-color: #5989be;
    border: 2px solid #435e8f;
    border-radius: 5px;
    display: flex;
    margin-bottom: 30px;
  }
  
  .dia-bind .fill-box .vcode-fill {
    width: 719px;
    height: 78px;
    background-color: #5989be;
    border: 2px solid #435e8f;
    border-radius: 5px;
    display: flex;
    position: relative;
  }
  
  .dia-bind .fill-box .vcode-fill .btn-getcode {
    width: 226px;
    height: 74px;
    color: #865028;
    font-size: 30px;
    font-family: 'hyqh60s';
    text-align: center;
    line-height: 74px;
    background-color: #ddb67c;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
  .dia-bind .bind-tips {
    width: 719px;
    margin: 16px auto 0;
    color: #455a88;
    font-size: 24px;
    font-family: 'hyqh60s';
    text-align: justify;
    line-height: 36px;
    letter-spacing: -1px;
  }
  
  .dia-bind .btn-submit {
    display: block;
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/btn_submit.png) no-repeat;
    width: 347px;
    height: 94px;
    margin: 30px auto 0;
  }
  .btn-bindphone{
    color: #ffffff!important;
    display: inline-block;
    text-align: center;
  }
  /* 解除绑定 */
  .dia-unbind {
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/dia_bg1.png) no-repeat;
    width: 915px;
    height: 537px;
  }
  
  .dia-unbind .dia-tit {
    color: #2d4267;
    font-size: 40px;
    font-family: 'syhtb';
    text-align: center;
    margin-top: 48px;
    position: relative;
  }
  
  .dia-unbind .dia-tit::after {
    content: '';
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/dia_title_icon.png) no-repeat;
    width: 599px;
    height: 52px;
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .dia-unbind .tips1 {
    color: #455a88;
    font-size: 30px;
    font-family: 'hyqh55s';
    text-align: center;
    line-height: 45px;
    margin-top: 90px;
  }
  
  .dia-unbind .btn-box {
    width: 746px;
    margin: 50px auto 0;
    display: flex;
    justify-content: space-between;
  }
  
  .dia-unbind .btn-box .btn-cancel {
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/btn_unbind2.png) no-repeat;
    width: 347px;
    height: 94px;
  }
  
  .dia-unbind .btn-box .btn-unbind {
    background: url(//game.gtimg.cn/images/fz/cp/a20230629star/btn_unbind.png) no-repeat;
    width: 347px;
    height: 94px;
  }
  


/* 右侧浮层 */
.floating {
    width: 300px;
    height: 500px;
    background-image: url("//game.gtimg.cn/images/fz/cp/a20230629star/float_bg.png");
    background-size: 27300px 500px;
    background-repeat: no-repeat;
    animation-name: keyframes-floating;
    animation-duration: 3.64s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: steps(1);
}
@keyframes keyframes-floating {
    0% {
        width: 300px;
        height: 500px;
        background-image: url("//game.gtimg.cn/images/fz/cp/a20230629star/float_bg.png");
        background-size: 27300px 500px;
    }
  
    1.10% {
        background-position: -300px 0px;
    }
  
    2.20% {
        background-position: -600px 0px;
    }
  
    3.30% {
        background-position: -900px 0px;
    }
  
    4.40% {
        background-position: -1200px 0px;
    }
  
    5.49% {
        background-position: -1500px 0px;
    }
  
    6.59% {
        background-position: -1800px 0px;
    }
  
    7.69% {
        background-position: -2100px 0px;
    }
  
    8.79% {
        background-position: -2400px 0px;
    }
  
    9.89% {
        background-position: -2700px 0px;
    }
  
    10.99% {
        background-position: -3000px 0px;
    }
  
    12.09% {
        background-position: -3300px 0px;
    }
  
    13.19% {
        background-position: -3600px 0px;
    }
  
    14.29% {
        background-position: -3900px 0px;
    }
  
    15.38% {
        background-position: -4200px 0px;
    }
  
    16.48% {
        background-position: -4500px 0px;
    }
  
    17.58% {
        background-position: -4800px 0px;
    }
  
    18.68% {
        background-position: -5100px 0px;
    }
  
    19.78% {
        background-position: -5400px 0px;
    }
  
    20.88% {
        background-position: -5700px 0px;
    }
  
    21.98% {
        background-position: -6000px 0px;
    }
  
    23.08% {
        background-position: -6300px 0px;
    }
  
    24.18% {
        background-position: -6600px 0px;
    }
  
    25.27% {
        background-position: -6900px 0px;
    }
  
    26.37% {
        background-position: -7200px 0px;
    }
  
    27.47% {
        background-position: -7500px 0px;
    }
  
    28.57% {
        background-position: -7800px 0px;
    }
  
    29.67% {
        background-position: -8100px 0px;
    }
  
    30.77% {
        background-position: -8400px 0px;
    }
  
    31.87% {
        background-position: -8700px 0px;
    }
  
    32.97% {
        background-position: -9000px 0px;
    }
  
    34.07% {
        background-position: -9300px 0px;
    }
  
    35.16% {
        background-position: -9600px 0px;
    }
  
    36.26% {
        background-position: -9900px 0px;
    }
  
    37.36% {
        background-position: -10200px 0px;
    }
  
    38.46% {
        background-position: -10500px 0px;
    }
  
    39.56% {
        background-position: -10800px 0px;
    }
  
    40.66% {
        background-position: -11100px 0px;
    }
  
    41.76% {
        background-position: -11400px 0px;
    }
  
    42.86% {
        background-position: -11700px 0px;
    }
  
    43.96% {
        background-position: -12000px 0px;
    }
  
    45.05% {
        background-position: -12300px 0px;
    }
  
    46.15% {
        background-position: -12600px 0px;
    }
  
    47.25% {
        background-position: -12900px 0px;
    }
  
    48.35% {
        background-position: -13200px 0px;
    }
  
    49.45% {
        background-position: -13500px 0px;
    }
  
    50.55% {
        background-position: -13800px 0px;
    }
  
    51.65% {
        background-position: -14100px 0px;
    }
  
    52.75% {
        background-position: -14400px 0px;
    }
  
    53.85% {
        background-position: -14700px 0px;
    }
  
    54.95% {
        background-position: -15000px 0px;
    }
  
    56.04% {
        background-position: -15300px 0px;
    }
  
    57.14% {
        background-position: -15600px 0px;
    }
  
    58.24% {
        background-position: -15900px 0px;
    }
  
    59.34% {
        background-position: -16200px 0px;
    }
  
    60.44% {
        background-position: -16500px 0px;
    }
  
    61.54% {
        background-position: -16800px 0px;
    }
  
    62.64% {
        background-position: -17100px 0px;
    }
  
    63.74% {
        background-position: -17400px 0px;
    }
  
    64.84% {
        background-position: -17700px 0px;
    }
  
    65.93% {
        background-position: -18000px 0px;
    }
  
    67.03% {
        background-position: -18300px 0px;
    }
  
    68.13% {
        background-position: -18600px 0px;
    }
  
    69.23% {
        background-position: -18900px 0px;
    }
  
    70.33% {
        background-position: -19200px 0px;
    }
  
    71.43% {
        background-position: -19500px 0px;
    }
  
    72.53% {
        background-position: -19800px 0px;
    }
  
    73.63% {
        background-position: -20100px 0px;
    }
  
    74.73% {
        background-position: -20400px 0px;
    }
  
    75.82% {
        background-position: -20700px 0px;
    }
  
    76.92% {
        background-position: -21000px 0px;
    }
  
    78.02% {
        background-position: -21300px 0px;
    }
  
    79.12% {
        background-position: -21600px 0px;
    }
  
    80.22% {
        background-position: -21900px 0px;
    }
  
    81.32% {
        background-position: -22200px 0px;
    }
  
    82.42% {
        background-position: -22500px 0px;
    }
  
    83.52% {
        background-position: -22800px 0px;
    }
  
    84.62% {
        background-position: -23100px 0px;
    }
  
    85.71% {
        background-position: -23400px 0px;
    }
  
    86.81% {
        background-position: -23700px 0px;
    }
  
    87.91% {
        background-position: -24000px 0px;
    }
  
    89.01% {
        background-position: -24300px 0px;
    }
  
    90.11% {
        background-position: -24600px 0px;
    }
  
    91.21% {
        background-position: -24900px 0px;
    }
  
    92.31% {
        background-position: -25200px 0px;
    }
  
    93.41% {
        background-position: -25500px 0px;
    }
  
    94.51% {
        background-position: -25800px 0px;
    }
  
    95.60% {
        background-position: -26100px 0px;
    }
  
    96.70% {
        background-position: -26400px 0px;
    }
  
    97.80% {
        background-position: -26700px 0px;
    }
  
    98.90%,
    100% {
        background-position: -27000px 0px;
    }
}
/* 浮层按钮 */
.float-btn {
    width: 150px;
    height: 70px;
    background-image: url("//game.gtimg.cn/images/fz/cp/a20230629star/float_btn1.png");
    background-size: 13500px 70px;
    background-repeat: no-repeat;
    animation-name: keyframes-floatBtn;
    animation-duration: 3.6s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: steps(1);
} 
@keyframes keyframes-floatBtn {
    0% {
        width: 150px;
        height: 70px;
        background-image: url("//game.gtimg.cn/images/fz/cp/a20230629star/float_btn1.png");
        background-size: 13500px 70px;
    }
  
    1.11% {
        background-position: -150px 0px;
    }
  
    2.22% {
        background-position: -300px 0px;
    }
  
    3.33% {
        background-position: -450px 0px;
    }
  
    4.44% {
        background-position: -600px 0px;
    }
  
    5.56% {
        background-position: -750px 0px;
    }
  
    6.67% {
        background-position: -900px 0px;
    }
  
    7.78% {
        background-position: -1050px 0px;
    }
  
    8.89% {
        background-position: -1200px 0px;
    }
  
    10.00% {
        background-position: -1350px 0px;
    }
  
    11.11% {
        background-position: -1500px 0px;
    }
  
    12.22% {
        background-position: -1650px 0px;
    }
  
    13.33% {
        background-position: -1800px 0px;
    }
  
    14.44% {
        background-position: -1950px 0px;
    }
  
    15.56% {
        background-position: -2100px 0px;
    }
  
    16.67% {
        background-position: -2250px 0px;
    }
  
    17.78% {
        background-position: -2400px 0px;
    }
  
    18.89% {
        background-position: -2550px 0px;
    }
  
    20.00% {
        background-position: -2700px 0px;
    }
  
    21.11% {
        background-position: -2850px 0px;
    }
  
    22.22% {
        background-position: -3000px 0px;
    }
  
    23.33% {
        background-position: -3150px 0px;
    }
  
    24.44% {
        background-position: -3300px 0px;
    }
  
    25.56% {
        background-position: -3450px 0px;
    }
  
    26.67% {
        background-position: -3600px 0px;
    }
  
    27.78% {
        background-position: -3750px 0px;
    }
  
    28.89% {
        background-position: -3900px 0px;
    }
  
    30.00% {
        background-position: -4050px 0px;
    }
  
    31.11% {
        background-position: -4200px 0px;
    }
  
    32.22% {
        background-position: -4350px 0px;
    }
  
    33.33% {
        background-position: -4500px 0px;
    }
  
    34.44% {
        background-position: -4650px 0px;
    }
  
    35.56% {
        background-position: -4800px 0px;
    }
  
    36.67% {
        background-position: -4950px 0px;
    }
  
    37.78% {
        background-position: -5100px 0px;
    }
  
    38.89% {
        background-position: -5250px 0px;
    }
  
    40.00% {
        background-position: -5400px 0px;
    }
  
    41.11% {
        background-position: -5550px 0px;
    }
  
    42.22% {
        background-position: -5700px 0px;
    }
  
    43.33% {
        background-position: -5850px 0px;
    }
  
    44.44% {
        background-position: -6000px 0px;
    }
  
    45.56% {
        background-position: -6150px 0px;
    }
  
    46.67% {
        background-position: -6300px 0px;
    }
  
    47.78% {
        background-position: -6450px 0px;
    }
  
    48.89% {
        background-position: -6600px 0px;
    }
  
    50.00% {
        background-position: -6750px 0px;
    }
  
    51.11% {
        background-position: -6900px 0px;
    }
  
    52.22% {
        background-position: -7050px 0px;
    }
  
    53.33% {
        background-position: -7200px 0px;
    }
  
    54.44% {
        background-position: -7350px 0px;
    }
  
    55.56% {
        background-position: -7500px 0px;
    }
  
    56.67% {
        background-position: -7650px 0px;
    }
  
    57.78% {
        background-position: -7800px 0px;
    }
  
    58.89% {
        background-position: -7950px 0px;
    }
  
    60.00% {
        background-position: -8100px 0px;
    }
  
    61.11% {
        background-position: -8250px 0px;
    }
  
    62.22% {
        background-position: -8400px 0px;
    }
  
    63.33% {
        background-position: -8550px 0px;
    }
  
    64.44% {
        background-position: -8700px 0px;
    }
  
    65.56% {
        background-position: -8850px 0px;
    }
  
    66.67% {
        background-position: -9000px 0px;
    }
  
    67.78% {
        background-position: -9150px 0px;
    }
  
    68.89% {
        background-position: -9300px 0px;
    }
  
    70.00% {
        background-position: -9450px 0px;
    }
  
    71.11% {
        background-position: -9600px 0px;
    }
  
    72.22% {
        background-position: -9750px 0px;
    }
  
    73.33% {
        background-position: -9900px 0px;
    }
  
    74.44% {
        background-position: -10050px 0px;
    }
  
    75.56% {
        background-position: -10200px 0px;
    }
  
    76.67% {
        background-position: -10350px 0px;
    }
  
    77.78% {
        background-position: -10500px 0px;
    }
  
    78.89% {
        background-position: -10650px 0px;
    }
  
    80.00% {
        background-position: -10800px 0px;
    }
  
    81.11% {
        background-position: -10950px 0px;
    }
  
    82.22% {
        background-position: -11100px 0px;
    }
  
    83.33% {
        background-position: -11250px 0px;
    }
  
    84.44% {
        background-position: -11400px 0px;
    }
  
    85.56% {
        background-position: -11550px 0px;
    }
  
    86.67% {
        background-position: -11700px 0px;
    }
  
    87.78% {
        background-position: -11850px 0px;
    }
  
    88.89% {
        background-position: -12000px 0px;
    }
  
    90.00% {
        background-position: -12150px 0px;
    }
  
    91.11% {
        background-position: -12300px 0px;
    }
  
    92.22% {
        background-position: -12450px 0px;
    }
  
    93.33% {
        background-position: -12600px 0px;
    }
  
    94.44% {
        background-position: -12750px 0px;
    }
  
    95.56% {
        background-position: -12900px 0px;
    }
  
    96.67% {
        background-position: -13050px 0px;
    }
  
    97.78% {
        background-position: -13200px 0px;
    }
  
    98.89%,
    100% {
        background-position: -13350px 0px;
    }
}
.float-wrap{
    padding-top: 124px;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.6s ease;
    zoom: 1.2;
}
.float-wrap .float-box{
    width: 100%;
    padding-left: 90px;
    padding-top: 50px;
}
.float-wrap .float-img-box{
    width: 132px;
    height: 132px;
}
.float-wrap .float-img-box img{
    width: 100%;
    object-fit: cover;
}
.float-wrap .float-btn{
    position: absolute;
    left: 80px;
    top: 300px;
}