@charset "utf-8";
@font-face {font-family: font442;src:url("../css/font442.ttf");}
.font442 {font-family: 'font442';}
.fontSimSun {font-family: 'SimSun';}
/*-----------------初始化---------------------*/
* { padding: 0; margin: 0; border: none; }
html, body { color: #333; font-family: "Microsoft YaHei"; font-size: 12px;min-width: 1200px;}
body {
    -webkit-tap-highlight-color: transparent;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    /* user-select: none; */
    background: #2B1112 ;
}
ul, ol, li { list-style: none; }
var, em, i { font-style: normal; }
a { text-decoration: none; color: #333; }
img { display: inline; border: 0 none; }
input[type=text], input[type=password], input[type=email], input[type=tel], select, textarea { font-size: 12px; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}   /*** 消除input元素 type="number" 时默认的 加减按钮*/
input[type=number] {-moz-appearance:textfield;} /*** 消除input元素 type="number" 时默认的 加减按钮---moz版*/
.clear:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden;}
.w1200 { position: relative; width: 1200px; margin: 0 auto;}
.linear_fef3df{color: #fef3df;background-image: -webkit-linear-gradient(top, #f8f0de, #fbf1a9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.iconImg {background: url(../images/iconImg.png?v=20260130) 13px 0 no-repeat;}
.iconImg2 {background: url(../images/tit_btn.png?v=2525) 0px 0 no-repeat;}
.transition {transition: .2s all;}


#app {background: url(../images/head.jpg?v=20260130) top center no-repeat; }
#app .min1000{min-height: 1953px;position: relative;}
#app .content.disBlock {display: block;}
#app .content .page {box-sizing: border-box;}
#app .content .page.page1 { height: 1150px;background: url(../images/page1.png?v=20260130)bottom center no-repeat;position: relative;z-index: 3;padding-top: 1px;margin-top: -800px}
#app .content .page.page2 { height: 934px;background: url(../images/page2.jpg?v=20260130)top center no-repeat;position: relative;z-index: 2;padding-top: 1px}
#app .content .page.page3 { height: 966px;background: url(../images/page3.jpg?v=20260130)top center no-repeat;position: relative;overflow: hidden;}
#app .content .page.page4 { height: 762px;background: url(../images/page4.jpg?v=20260130)top center no-repeat;position: relative;overflow: hidden;}
#app .content .page.page5 { height: 952px;background: url(../images/page5.jpg?v=202540134)top center no-repeat;position: relative;overflow: hidden;}


/* head */
.head {width: 100%;height: 916px;position: relative;background: url(../images/head.png?v=20140136) top center no-repeat;min-width:1200px;overflow:hidden;}
.head .top_log {width: 1200px;margin: 0 auto;padding-top: 62px;position: relative;}
.head .top_log .logo {display: block;width: 144px;height: 53px;float: left;position: relative;top: -17px;left: 0px;z-index: 99; background-image: url(//zystatic.xyzhengyou.com/v1/huodong/xb/special/anniversary2023/images/logo.png?v=20260130);}
.top_icon{float: right;width: 100px;height: 43px;display: flex;justify-content:space-between;position: relative;z-index: 2;}
.top_icon a{display: block;width: 92px;height: 36px;}
.top_icon .menu_icon_gw{width: 43px;height: 43px;background-position:   -683px  -672px;cursor: pointer;}
.top_icon .menu_icon_gw:hover{background-position: -683px -672px;}
.top_icon .menu_icon_yx{width: 43px;height: 43px;background-position:    -740px -672px;cursor: pointer;}
.top_icon .menu_icon_yx:hover{background-position:-740px -672px ;}
#endVideo{position: absolute;top: -88.5px;left: 50%;margin-left: -959.5px;z-index: 0;width: 1917px;}                             
.page0_time{position: absolute;top: 585px; width: 600px;height: 50px;left: 50%;margin-left: -300px; background: linear-gradient(to right ,rgba(0,0,0,0) ,rgba(0,0,0,0.3) 15%,rgba(0,0,0,0.3)85%,rgba(0,0,0,0) );color: #ffe7a8;font-size: 30px;text-align: center;font-weight: bold;line-height: 50px;}
.page0_rule{position: absolute;top: 655px;width: 310px;height: 91px;background-position: 3px -117px;cursor: pointer; left: 50%;margin-left: -155px;}
.page0_rule:hover{background-position:0 0 }
.page0_login{top: 800px;color: #f7d189;font-size: 16px;text-align: center;position: absolute;width: 100%;}
.page0_login span,.page0_logoff{cursor: pointer;}
.page0_login span:hover,.page0_logoff:hover{text-decoration: underline}
.page0_info{position: absolute;top: 780px;color: #f7d189;font-size: 16px;text-align: center;width: 100%}
.page0_info a{color: #f7d189;margin-left: 10px;}
.page0_user{position: absolute;top: 812px;color: #f7d189;font-size: 16px;width: 100%;display: flex;justify-content: center;}
.page0_user .page0_user_item{width: 142px;height: 25px;line-height: 24px;box-sizing: border-box;padding:0 7px ; margin-right: 12px;border: 1px solid #f7d189;position: relative;font-size: 14px;cursor: pointer;}
.page0_user .page0_user_item p{position: absolute;width: 0;height: 0;box-sizing: border-box;border-color: black transparent transparent transparent;top: 4px;bottom: 0;border-style: solid;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #f7d189;margin: auto;right: 7px;}
video{position: absolute;left: 50%!important;z-index: 0;width: 1920px;height: 1334px;transform: translate(-50%);top: -126px!important;}
.barrage-canvas {position: absolute;left: 50%!important;z-index: 0;transform: translate(-50%);top: -126px!important;}
.barrage-container {width: 1920px;height: 1134px;margin: 10px auto 0 ;position: absolute;top: -9px;left: 50%;margin-left: -960px;overflow-x: hidden;background: transparent;
    /* -webkit-mask : url("//img.xyzhengyou.com/game/2024/202401/20240120/3c25bb151e41ca6849fa50ad656a75e5.png?v=20260130"); */
}
.barrage-item {font-size: 14px;position: absolute;white-space: nowrap;padding: 5px 21px;margin-top: 10px;text-shadow: 0 2px 2px #000;opacity: 0.4;color: #fff}

.page_title{color: #feeac5;width: 800px;text-align: center;position: absolute;left: 50%;margin-left: -400px;font-size: 14px;text-shadow: 0 0 6px #000;}
.page1_title{bottom: 150px}
.page1_btn{width: 321px;height: 95px;position: absolute;bottom: 40px;left: 50%;margin-left: -160px;cursor: pointer;}
.page1_btn:hover{background-position: 13px -196px;}
.page1_btn.isGet{background-position: 12px -103px;}
.log_btn{cursor: pointer;width: 118px;height: 40px;}
.page1_btn_tip{position: absolute;top: 90px;width: 100%;left: 0;text-align: center;font-size: 14px;color: #feeac5}
.log_btn:hover{background-position-y:-48px; }
.get_log{position: absolute;bottom: 40px;left: 50%;margin-left: 470px;background-position-x:-338px; }
.get_log:hover{background-position:-338px -48px; }
.zhongjiang_log{position: absolute;top: 230px;left: 50%;margin-left: 470px;background-position-x:-998px; }
.zhongjiang_log:hover{background-position:-998px -48px; }
.page2_top_tip{position: absolute;top: 240px;left: 247px;color: #ffba00;font-size: 16px;}

.page2_btn_group{width: 1135px;margin: 145px 0px 215px 31px;display: flex;justify-content: space-between;}
.page2_btn{width: 196px;height: 57px;background-position:-420px -366px;cursor: pointer;position: relative;}
.page2_btn:hover{background-position-y:-436px; }
.page2_btn.isGet{background-position-y:-508px; }
.page2_btn.notAllow{background-position:-420px -589px; }
.gailv_log{position: absolute;top: 230px;left: -12px;background-position-x:-717px; }
.gailv_log:hover .page2_gailv_box{height: 205px;}
.page2_gailv_box{width: 347px;height: 0px;position: absolute;top: 43px;left: 67px;margin-left: -207px;transition: 0.5s height;overflow: hidden;color: #feefcb;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.page2_gailv_pop{align-items: center;display:flex;
  justify-content: center;
  flex-direction: column;width: 347px;height: 205px;background: url(../images/page2_gailv.png?v=20260130)  no-repeat;position: absolute;z-index: 99;padding:0;box-sizing: border-box;cursor: default;font-size: 14px;line-height: 24px}
.page1 .gailv_log{bottom: 40px;right: 50%;margin-right: 502px;top: auto;left: auto;background-position: -596px 2px;}
.page1 .page2_gailv_box{left: 212px;}
.page1 .page2_gailv_pop{background: url(../images/page1_gailv.png?v=20260130)  no-repeat;}
.page2_btn_tip{position: absolute;width: 100%;left: 0px;top: -13px;text-align: center;color: #ffc98a;font-size: 14px;}
.page2_gailv_box1{width: 407px}
.page2_gailv_box1 .page2_gailv_pop{width: 407px;height: 367px;}
.gailv_log:hover .page2_gailv_box1 {
    height: 367px;
}

.page2_gailv_pop h4{font-size:20px;color:#ffc06e;display:flex;align-items:center;justify-content:center;border-top:1px solid #ffc06e;}
.page2_gailv_pop p{font-size:14px;color:#ffc06e;display:flex;align-items:center;justify-content:center;}
.page2_gailv_pop span{display:block;width:96px;border:1px solid #ffc06e;text-align:center;height:28px;border-top: 0px;
  border-right: 0;}
.page2_gailv_pop span:nth-child(4n),.page1 .page2_gailv_pop span:nth-child(3n){border-right:1px solid #ffc06e}
.tiqu_log{position: absolute;top: 230px;left: 116px;background-position-x:-864px; }
.page2_box{display: flex;justify-content: space-between;}
.page2_title{top: 185px;}
.page2_turntable{display: flex;flex-wrap: wrap;width: 780px;margin-top: 18px;}
.page2_turntable_item{width: 139px;height: 133px;font-size: 55px;text-align: center;margin-bottom: 26px; background: url(../images/page2_box.png?v=20260130)  center no-repeat;margin-right: 56px;position: relative;}
.page2_turntable_item.active:after{content: ''; background: url(../images/page2_box_a.png?v=20260130)  center no-repeat;position: absolute;width: 164px;height: 158px;top: -13px;left: -13px;}
.page2_turntable_btn{width: 438px;order: 3;text-align: center;margin-left: -50px;}    
.page2_turntable_item4{order: 4}    
.page2_turntable_item5{order: 8}  
.page2_turntable_item6{order: 7}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }
.page2_turntable_item7{order: 6}  
.page2_turntable_item7{order: 6} 
.page2_turntable_item8{order: 5}  
.page2_turntable_item9{order: 2}  
.page2_turntable_box{width: 74px;height: 74px; margin:4px auto 0px;padding: 4px 5px;}
.page2_turntable_box img{width: 50px;height: 50px;display: block;margin:  0 auto; margin-top: 12px;}
.page2_turntable_name{font-size: 14px;color: #feeac5;margin-top: 14px;}
.page2_turntable_btn_icon{width: 391px;height: 112px;background-position:0px -335px;margin: 10px auto 10px; cursor: pointer;padding-top: 68px;box-sizing: border-box;}
.page2_turntable_btn_icon:hover{background-position:0px -456px }
.page2_turntable_btn_icon.isGet{background-position: -4px -596px; }
.page2_turntable_btn_tip{color: #ffecb6;font-size: 14px;margin-top: 45px;}
.page2_rule{width: 393px;font-size: 14px;color: #f5c08e;position: relative;left: -24px;}
.page2_rule span{color: #fff}
.page2_rule_box{width: 100%;margin: 80px auto 0;line-height: 20px;}
.page2_rule_list{height: 140px;margin: 75px auto 0;text-align: center;overflow: hidden;transition: 0.3s all}
.page2_rule_list_item{height: 28px;line-height: 28px;animation:myanimation 3s infinite;position: relative;    animation-timing-function: linear;}
/*@keyframes myanimation {
    from {top:0px;}
    to {top:-140px;}
}*/

.page3_title{top: -30px;}
.page3 .store{margin-top: 100px}
.page3 .goldNum{color: #ffdf91;font-size: 16px;display: flex;align-items: center;/* text-align: center; */width: 800px;margin: 9px auto -22px;justify-content: center;}
.page3 .goldNum span{font-size: 24px;font-weight: bold;}
.page3 .store .storeContent{position: relative;width: 1247px;height: 631px;margin: 20px auto 0;display: flex;flex-flow: wrap;justify-content: space-between;align-content: space-evenly;}
.page3 .store .storeContent .giftBox{display: flex;width: 333px;height: 186px;background:url(../images/page3_box.png?v=20260130)  center no-repeat;}
.page3 .store .storeContent .giftBox .gift{width: 130px;height: 148px;margin-left: 12px;margin-top: 22px;}
.page3 .store .storeContent .giftBox .gift .gift_img{width: 100%;height: 100%;background: center no-repeat;}
.page3 .store .storeContent .giftBox .right{color: #ffc98a;height: 114px; display: flex;flex-flow: column;align-items: center;justify-content: space-evenly;font-size: 14px;margin-top: 37px;}
.page3 .store .storeContent .giftBox .right.giftR .notTimes{}
.page3 .store .storeContent .giftBox .right .giftName{color: #ffe3a8;font-size: 18px;font-weight: bold;white-space: nowrap;margin-bottom: 4px}
.page3 .store .storeContent .buyRecord{right: 45px;top: -28px;position: absolute;background-position: -486px 0}
.page3 .store .storeContent .buyRecord:hover{position: absolute;background-position: -486px -51px}
.page3 .store .storeContent .exchangeGiftBox{width: 1148px;height: 558px;display: grid;grid-template-columns: repeat(3,360px);overflow-y: auto;overflow-x: hidden;row-gap: 0px;column-gap: 33px;padding-left: 38px;}
.page3 .store .storeContent .exchangeGiftBox::-webkit-scrollbar {width: 16px;height: 16px;}
.page3 .store .storeContent .exchangeGiftBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0.5rem rgba(91,131,229,0.2);background: #3B160F;border-radius: 20px;}
.page3 .store .storeContent .exchangeGiftBox::-webkit-scrollbar-thumb {border-radius: 20px;-webkit-box-shadow:  0 0 0.5rem rgba(243,212,250,0.2);background: #93402E;}
.storeBtnBox {display: flex;justify-content: space-between;width: 1200px;margin: 137px auto 0}
.storeBtn {width: 280px;height: 122px;cursor: pointer;}
.storeBtn:hover,.storeBtn.active {background-position-y:-132px; }
.storeBtn1{background-position-x:-364px }
.storeBtn2{background-position-x:-1775px;background-position-y: -6px; }
.storeBtn2:hover{background-position-x:-1773px;background-position-y: -137px; }
.storeBtn3:hover{background-position-x:-730px;background-position-y: -131px; }
.storeBtn2.active{background-position-x:-1773px;background-position-y: -137px;}
.storeBtnBox .storeBtn3{background-position-x:-730px;pointer-events: auto;margin:0}
.giftBtn {width: 161px;height: 52px;background-position: -661px -462px;cursor: pointer;margin-top: -4px;}
.giftBtn:hover{background-position: -661px -392px;}
.giftBtn.notGold{background-position: -661px -610px;}
.giftBtn.isGet{background-position: -661px -539px;}

.page4_title{top: 107px;}
.page4_box{position: absolute;width: 510px;display: flex;justify-content: space-between;flex-wrap: wrap;top: 363px;right: 72px;transform: rotate(-5.5deg);}
.page4_box_item{width: 236px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.page4_box_gift {position: relative;}
.page4_box_content{width: 100px;height: 112px;background:url(../images/page4_box.png?v=20260130)  top no-repeat;padding-top: 18px;box-sizing: border-box;}
.page4_box_content img{margin: 0 auto;display: block;height:60px;max-width:100px}

.page4_box_name{color: #fff0dd;font-size: 16px;margin-top: -6px;text-align: center;   position: absolute;left: 50%;white-space: nowrap;transform: translateX(-50%);bottom: -5px;}
.page4_box_btn{margin: 10px auto;width: 190px;height: 58px;background-position: -422px -207px ;cursor: pointer; }
.page4_box_btn:hover{background-position: -422px -134px ; filter: brightness(1.15);}
.page4_box_btn.isGet{background-position: -422px -270px }
.page4_vip_btn{position: absolute;width: 72px;height: 148px;top: 198px;right: 1px;background-position: -863px -395px;cursor: pointer;}
.page4_vip_btn:hover,.page4_vip_btn.active{background-position: -968px -395px;}
.page4_user_btn{position: absolute;width: 72px;height: 148px;top: 350px;right: -19px;background-position: -883px -546px;cursor: pointer;}
.page4_user_btn:hover,.page4_user_btn.active{background-position: -988px -546px;}
.page4_kf_text{color: #ffdca5;width: 240px;font-size: 16px;position: absolute;left: 13px;top: 582px;transform: rotate(2deg);line-height: 24px;}

.page5_title{top: -20px;}
.page5_box{width: 1200px;display: flex;justify-content: space-between;margin-top: 126px;flex-wrap:wrap;}
.page5_box_item{width: 568px;}
.page5_box_item:nth-child(3){margin:0 auto;}
.page5_box_gift_group{width: 565px;display: flex;justify-content: space-evenly;margin-top: 5px;}
.page5_box_gift_group{margin-top: 62px;margin-bottom: 92px;}
.page5_box_gift{position: relative; width: 102px;height: 101px;background:url(../images/page5_box.png?v=20260130)  center no-repeat;padding-top: 106px;color: #ffc98a;font-size: 14px;text-align: center;box-sizing: border-box;}
.page5_box_gift img{position: absolute;top: 22px;left: 15px;width:64px}
.storeBtn3{background-position-x:-1093px ;margin: 0 auto;pointer-events:none;}
.storeBtn4{background-position-x:-1435px ;margin: 0 auto;pointer-events:none;}
.storeBtn5{background-position-x:-2120px ;margin: 0 auto;pointer-events:none;}
.page5_box_con{height: 112px;box-sizing: border-box;box-sizing: border-box;padding-top: 117px;color: #ffc98a;font-size: 14px;text-align: center;}
.page5_box_pay{width: 296px;height: 90px;margin: 34px auto 0;cursor: pointer; background-position: -615px -100px;}
.page5_box_pay:hover{background-position-y: -283px;background-position-x: -614px;}
.page5_box_pay.isGet{background-position-y: -190px}
.page5_box_gif{    background: url(../images/xb_gif.png?v=20260130) 0 0 no-repeat;-webkit-animation: sz_enter 1s steps(10) infinite;position: absolute;top: -26px;left: -22px;width: 129px;height: 159px;
    -moz-animation: sz_enter 1s steps(10) infinite;
    -ms-animation: sz_enter 1s steps(10) infinite;
    animation: sz_enter 1s steps(10) infinite;}
@-webkit-keyframes sz_enter {
    0% { background-position: 0px 0px }
    100% { background-position: -1500px 0px }
}
@-moz-keyframes sz_enter {
    0% { background-position: 0px 0px }
    100% { background-position: -1500px 0px }
}
@-o-keyframes sz_enter {
    0% { background-position: 0px 0px }
    100% { background-position: -1500px 0px }
}
@keyframes sz_enter {
    0% { background-position: 0px 0px }
    100% { background-position: -1500px 0px }
}



.aside {width: 142px;position: fixed;right: 0px;top: 50%;margin-top: -172px;z-index: 10}
.aside_item{width: 202px;height: 44px;background-position:-911px  -120px; font-size: 16px;color: #fbd5af;line-height: 46px;padding-left: 46px;box-sizing: border-box;cursor: pointer;margin-bottom: 15px;}
.aside_item:hover,.curr.aside_item{background-position:-911px -177px; }
.go_home{text-align: center;color: #c5905a;font-size: 12px;cursor: pointer;text-decoration: underline;margin-top: -10px;padding-left: 23px;}
.left_aside{width: 184px;height: 305px;background:url(../images/redbag1.png?v=20260131)  center no-repeat;position: fixed;left: 28px;top: 50%;margin-top: -415px;z-index: 10}
.left_aside_btn{width: 229px;height: 66px;position: absolute;left: 50%;margin-left: -112px;bottom: -37px;background-position: -1069px -623px;cursor: pointer;}
.left_aside_btn:hover{background-position: -1069px -531px; }
.left_aside_btn.isGet{background-position: -1071px -443px; }




/*foot*/
.wrapper-footer { width: 100%;height: 202px; margin-top: 28px;}
.wrapper-inner { width: 1000px; margin: 0 auto; position: relative }
.wrapper-inner .qr-left { float: left; width: 282px; height: 138px; background: url(//img.xyzhengyou.com/game/2022/202208/20220825/3f3a006c998f98346f9ecb01bb4fd402.png?v=20260130) no-repeat; margin: 30px 0 0 90px }
.wrapper-inner .f-info-right { float: right; width: 500px; height: 40px; margin: 35px 40px 0 0; text-align: center }
.wrapper-inner .f-info-right a { color: #e6e0ff; }
.f-info-right .footer-logo { display: block; width: 127px; height: 45px; margin: 10px auto }
.f-info-right p { color: #fff; line-height: 30px }


.selfAlert {display: none;width: 100%;height: 100%;left: 0;top: 0;position: fixed;z-index: 99;}
.selfAlert.displayBlock {display: block;letter-spacing: 1px;}
.selfAlert .shadow {width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 20;}
.selfAlert .alertContent .msg-tit .btn-close {position: absolute;top: 81px;right: 42px;width: 35px;height: 35px;cursor: pointer;background: url(../images/iconImg.png?v=20260130) -2168px -721px no-repeat; }


.selfAlert .alertContent .msg-tit .pop_rule{font-size: 20px;line-height: 20px;font-weight: normal;margin-top: 70px;}

.selfAlert .alertContent .msg-con .table {width: 100%;height: 314px;margin: 0 auto;text-align: center;color: #edb463;font-size: 14px;overflow: auto;}
.selfAlert .alertContent .msg-con .table::-webkit-scrollbar {width: 14px;/*height: 4px;*/}
.selfAlert .alertContent .msg-con .table::-webkit-scrollbar-thumb {border-radius: 7px;background: #FFBD56;}
.selfAlert .alertContent .msg-con .table::-webkit-scrollbar-track {border-radius: 7px;background: #704C2F;}
.selfAlert .alertContent .msg-con .tableul {display: flex;justify-content: space-between;line-height: 40px;}
.selfAlert .alertContent .msg-con .tableul.thead {width: 100%;margin: 0 auto;text-align: center;color: #edb463;font-weight: 900;font-size: 16px;padding-right: 14px;box-sizing: border-box;}
.selfAlert .alertContent .msg-con .tableul li {min-width: 150px;width: 25%;flex:1;}
.selfAlert .alertContent .msg-con .tableul .active{color: #ff3c69;cursor: pointer;text-decoration: underline;}
/*.selfAlert .alertContent .msg-con .tableul .chou{width: 48%}*/


/* 弹窗 */
.alert-wrap{width: 100%;height: 100%;left: 0;top: 0; position: fixed;z-index: 99;}
.alert-wrap .shadow-box{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 20}
.alert-wrap .msg-alert,.selfAlert .alertContent{width: 639px;height: 316px;background: url(../images/alertBg.png?v=20260130)center no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -158px;margin-left: -320px;z-index: 25}
.alert-wrap .msg-alert .btn-close,.selfAlert .alertContent .msg-tit .btn-close{position: absolute;top: -17px;right: -77px;width: 82px;height: 75px;cursor: pointer;background: url(../images/iconImg.png?v=20260130) -1167px -261px no-repeat; transition: 0.5s all;}
.alert-wrap .msg-alert .msg-tit,.selfAlert .alertContent .msg-tit { background: none;margin-top: 15px; }
.alert-wrap .msg-alert .msg-tit h3,.selfAlert .alertContent .msg-tit h3 {font-size: 26px;text-align: center;height: 30px;line-height: 40px;letter-spacing: 2px;position: relative;color: #ffcb6c;top: 10px;}
.alert-wrap .msg-alert .msg-con,.selfAlert .alertContent .msg-con {width: 85%;height: 282px;margin: 70px auto 0;font-size: 16px;padding: 0;color: #edb463; }
.alert-wrap .msg-alert .msg-con p,.selfAlert .alertContent .msg-con p {font-size: 20px; line-height: 35px;text-align: center;width: 85%;word-wrap: break-word;letter-spacing: 1px;}
.alert-wrap .msg-alert .msg-con .tip2,.selfAlert .alertContent .msg-con .tip2 {  display: flex;flex-direction: column;align-items: center;width: 100%}
.alert-wrap .msg-alert .msg-con .tip3,.selfAlert .alertContent .msg-con .tip3 { font-size: 18px;margin-top: 30px; width: 100%}
.alert-wrap .msg-alert .msg-con .tip4,.selfAlert .alertContent .msg-con .tip4 { margin-top: 25px;line-height: 15px; }
.alert-wrap .msg-alert .msg-con .tip4 img { max-width: 170px; }
.alert-wrap .msg-alert .msg-con .btn-alert,.selfAlert .alertContent .msg-con .btnAlert {display: block;width: 302px;height: 78px;line-height: 78px;cursor: pointer; text-align: center;color: #fff; font-size: 22px;    text-shadow: 0 2px 6px #4e4e4e; font-weight: 900;letter-spacing: 3px;position: absolute;left: 50%;bottom: -33px;margin-left: -151px;z-index: 50;background: url(../images/iconImg.png?v=20260130) -1058px -348px no-repeat;}
.alert-wrap .msg-alert .msg-con .btn-alert:hover{ filter: brightness(1.15); }
.selfAlert .alertContent .msg-con .btnAlert:hover{filter: brightness(1.15);}

.selfAlert.list .alertContent{width: 932px;height: 467px;background: url(../images/alertBg_long.png?v=20260130)center no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -233px;margin-left: -466px;z-index: 25}
.selfAlert.list .alertContent .msg-con{width: 97%;margin-top: 30px;}
.qrcode_tip, .qrCode_text{text-align: center;margin-top: 18px;margin-bottom: 13px;}
.qrCode_text2{margin-top: 17px;margin-bottom: -19px}
#qrcode img{display: block;margin: 0 auto}
.selfAlert.pay .msg-tit h3{display: none;}
#qrcode{margin-bottom: -10px;    margin-top: -5px;}
.left_aside_tip{position: absolute;width: 100%;left: 0px;bottom: -22px;text-align: center;color: #ffc98a;font-size: 16px;font-weight:bold;}



.disNone {display: none;}
.dhAlert {display: none;}
.dhAlert.displayBlock {display: block;}

.serverInfo{margin-bottom: 10px;position: absolute;}
.serverInfo.role{top: 218px}
.serverInfo label{color: #ffcb6c;}
.searchable-select-hide {display: none;}
.searchable-select {display: inline-block;min-width: 182px;font-size: 14px;line-height: 1.428571429;color: #b58861;vertical-align: middle;position: relative;outline: none;}
.searchable-select-holder{  padding: 6px;background-image: none;min-height: 30px;box-sizing: border-box;border: 1px solid #B58861;background-color: #2A0F0F}
.searchable-select-caret {position: absolute;width: 0;height: 0;box-sizing: border-box;border-color: black transparent transparent transparent;top: 0;bottom: 0;border-style: solid;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #B58861;margin: auto;right: 10px}
.searchable-select-dropdown {position: absolute;background-color: #fff; border: 1px solid #B58861;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 4px;border-top: none;top: 30px;left: 0;right: 0;z-index: 9999;background-color: rgba(42,15,15,1)}
.searchable-select-input {outline: none;padding: 6px;width: 100%;border: 1px solid #B58861;box-sizing: border-box;width: 100%;background-color:#fff;background-color: #2A0F0F}
.searchable-scroll {margin-top: 4px;position: relative;}
.searchable-scroll.has-privious {padding-top: 16px;}
.searchable-scroll.has-next {padding-bottom: 16px;}
.searchable-has-privious {top: 0;}
.searchable-has-next {bottom: 0;}
.searchable-has-privious, .searchable-has-next {height: 16px;left: 0;right: 0;position: absolute;text-align: center;z-index: 10;background-color:#2A0F0F;line-height: 8px;cursor: pointer;}
.searchable-select-items {max-height: 400px;overflow-y: scroll;position: relative;}
.searchable-select-items::-webkit-scrollbar {display: none;}
.searchable-select-item {padding: 5px 5px;cursor: pointer;min-height: 24px;box-sizing: border-box; line-height: 34px;margin-bottom: 1px;margin: 3px 0;}
.searchable-select-item.hover {background: #943922;}
.searchable-select-item.selected{background: #943922;}
[v-cloak] {
   display: none;
 }


 .header_menu {
    width: 773px;
    height: 81px;
    margin-top: 680px;
    margin-left: -324px;
    left: 50%;
    display: flex;
    position: relative;
    justify-content: space-between;
}
.red_tips{
    text-align: center;
    display: block;
    color: #ff3e3e;
    position: absolute;
    width: 85%;
    top: 235px;
}
.header_menu_inp {
    width: 544px;
    height: 70px;
    color: #ffc891;
    font-size: 16px;
    line-height: 64px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/top_input.png?v=20260130)center no-repeat;
    box-sizing: border-box;
    padding-left: 105px;
    padding-top: 7px;
}

.header_menu_btn {
    background-position: -1140px -2px;
    width: 219px;
    height: 70px;
    cursor: pointer;
}

.header_menu_btn.isGet {
    background-position: -1140px -78px;
}

.header_menu_text {
    font-size: 16px;
    color: #eec492;
    margin-left: 4px;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 30px;
    position: relative;
}
.header_menu_select {
    width: 468px;
    height: 0px;
    background-color:#5c2d0b;
    position: absolute;
    transition: 0.3s height;
    bottom: 80px;
    left: 017px;
    padding: 0px;
    overflow-y: scroll;
    z-index: 11;
    border-radius:6px;
    border: 0px solid #DFB387;
}

.header_menu_select_item {
    width: 461px;
    height: 32px;
    color: #ffc891;
    line-height: 32px;
    padding-left: 10px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 6px;
    box-sizing: border-box;
}

.header_menu_select_item:hover {
    background-color: #AD2520
}

.header_menu_select_a {
    height: 190px;
    overflow-y: scroll;
    border: 2px solid #DFB387;
}

.header_menu_select::-webkit-scrollbar {
    width: 6px;
     }

.header_menu_select::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #eec492;
    background: #C58A57;
}

.header_menu_select::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
}

/* 幸运福袋 */

.lucky_bag{width: 178px;height: 186px;background:url(../images/lucky_bag.png?v=20260130) center no-repeat;position: fixed;left: 28px;top: 50%;margin-top: 95px;z-index: 10;}
.lucky_bagbtn{width: 202px;height: 50px;position: absolute;left: 50%;margin-left: -101px;bottom: -25px;background-position: -419px -670px;cursor: pointer;color: #fff;font-size: 20px;font-weight: bold;text-align: center;line-height: 50px;}
.lucky_bagbtn:hover{filter: brightness(1.15);}

/* 幸运福袋弹窗 */
.msg-alert.luckyBagPop{width: 639px;height: 316px;background: url(../images/fd_tc1.png?v=20260130) center no-repeat;margin-top: -158px;margin-left: -320px;}
.msg-alert.luckyBagPop .msg-tit{display: none;}
.msg-alert.luckyBagPop .msg-con{margin-top: 0;height: auto;}
.luckyBag_closeBtn{position: absolute;top: -17px;right: -59px;width: 60px;height: 60px;background-position: -1167px -261px;cursor: pointer;}
.luckyBag_ruleBtn{position: absolute;top: 18px;left: 28px;width: 80px;height: 30px;cursor: pointer;}
.luckyBag_historyBtn{position: absolute;top: 18px;right: 26px;width: 100px;height: 30px;cursor: pointer;}
.luckyBag_btn{position: absolute;left: 50%;bottom: -40px;margin-left: -90px;width: 180px;height: 60px;line-height: 60px;background-position: -1058px -348px;}
/* 幸运福袋弹窗2 */
.msg-alert.luckyBagPop2{width: 639px;height: 316px;background: url(../images/fd_tc2.png?v=20260130) center no-repeat;margin-top: -158px;margin-left: -320px;}
.msg-alert.luckyBagPop2 .msg-tit{display: none;}
.msg-alert.luckyBagPop2 .msg-con{margin-top: 0;height: auto;}
/* 开奖结果弹窗 */
.msg-alert.luckyBagPop3{width: 639px;height: 316px;background: url(../images/fd_tc3.png?v=20260130) center no-repeat;margin-top: -158px;margin-left: -320px;}
.msg-alert.luckyBagPop3 .msg-tit{display: none;}
.msg-alert.luckyBagPop3 .msg-con{margin-top: 0;height: auto;}
.luckyBag_resultContent{text-align: center;padding: 110px 40px 20px;color: #fff;}
.luckyBag_resultNumbers{margin: 20px 0;}
.luckyBag_winNumber{font-size: 36px;font-weight: bold;color: #f7d189;margin-bottom: 10px;}
.luckyBag_resultTip{font-size: 14px;color: #ffcb6c;line-height: 1.5;margin-top: 15px;}
.luckyBag_numBtn{cursor: default;}
.luckyBag_countdown{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 48px;font-weight: bold;color: #ffe4a1;text-shadow: 0 2px 4px rgba(0,0,0,0.3);letter-spacing: 4px;}
.alert-wrap .msg-alert .msg-con .luckyBag_countdown{font-size: 48px;color: #fff;line-height: 52px;margin-top: 20px;}
/* 规则说明弹窗 */
.msg-alert .msg-con .luckyBag_ruleContent{text-align: left;padding: 20px 30px;line-height: 2;font-size: 14px;color: #ffecc8;margin-top: -75px;}
.msg-alert .msg-con .luckyBag_ruleContent p{text-align: left;margin: 0;padding: 0;font-size: 14px;}
/* 历史中奖名单弹窗 */
.luckyBag_historyList{max-height: 180px;overflow-y: auto;padding: 10px 20px;margin-top: -60px;}
.luckyBag_historyList::-webkit-scrollbar{width: 6px;}
.luckyBag_historyList::-webkit-scrollbar-thumb{background: #c58a57;border-radius: 3px;}
.luckyBag_historyList::-webkit-scrollbar-track{background: rgba(0,0,0,0.1);border-radius: 3px;}
.luckyBag_historyHeader{display: flex;justify-content: space-between;padding: 8px 15px;color: #ffcb6c;font-size: 14px;font-weight: bold;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 5px;}
.luckyBag_historyItem{display: flex;justify-content: space-between;padding: 8px 15px;margin-bottom: 5px;background: rgba(0,0,0,0.2);border-radius: 4px;color: #ffecc8;font-size: 14px;}
.luckyBag_historyCode{color: #ffe4a1;font-weight: bold;}
.luckyBag_historyAcc{text-align: right;margin-left: 35px;}
.luckyBag_historyEmpty{text-align: center;color: #ffecc8;padding: 30px 0;}