*{margin: 0;padding: 0;list-style: none;text-decoration: none;}
.w1200{width: 1200px;margin: 0 auto;position: relative;}
body{min-width:1200px}
.page{width: 100%;height:852px;background: url(../images_1/page_01.jpg?v=003) top center no-repeat;margin-top: -1px;min-width: 1200px;overflow: hidden;}
.flex{display: flex;align-items: center;justify-content: center;}
.icon,.btn-alert{background: url(../images_1/icon.png) 0 0 no-repeat;}
.page2{height:795px;background-image: url(../images_1/page_02.jpg);padding-top: 90px;}
.page3{height: 865px;background-image: url(../images_1/page_03.jpg);position:relative;}
.page4{height: 688px;background-image: url(../images_1/page_04.jpg);}
.page5{height: 1042px;background-image: url(../images_1/page_05.jpg);}
.page6{height: 830px;background-image: url(../images_1/page_06.jpg);}

.logo{display: block;width: 150px;height: 92px;background-position: 0 0;position: absolute;left: 30px;top: 22px;}
.enter a{display: block;width: 96px;height: 28px;background-position: -164px 0px;float: left;margin: 0 2px;}
.enter a.gw{background-position-x: -264px;}
.enter a:hover{filter: brightness(1.1);}
.enter{position: absolute;top: 50px;right: 10px;;}

.sologn{width: 666px;height: auto;background:  0 0 no-repeat;position: absolute;left: 50%;margin-left: -592px;top: 398px;font-size: 16px;color: #fffcfc;text-align: center;font-weight: bold;letter-spacing: 1px;}
.sologn p{text-align:center;width:666px;margin-top:155px;float:right;}
.sologn p p{display:none}
.role_gift{width: 1177px;height: 177px;background: url(../images_1/page_con.png) 0 0 no-repeat;position: absolute;top: 626px;left: 50%;margin-left: -588px;display: flex;align-items: flex-start;justify-content: space-between;}
.r_gift_list{display: flex;align-items: center;justify-content:flex-start;width: 550px;margin: 28px 0 0 258px;}
.role_gift dl{width: 118px;font-size: 14px;color: #ffeab7;text-align: center;margin: 0 2px;line-height: 16px;}
.r_gift_list dt{width: 118px;height: 110px;background-position:-4px -118px;}
.role_gift dl.g dt{background-position-x: -185px;}
.r_gift_list dd{height: 36px;}
.role_gift p{width: 292px;background-position:-654px -40px;font-size: 14px;color: #b9b9b9;text-align: center;padding-top: 88px;margin: 36px 14px 0 0;cursor: pointer;}
.role_gift p:hover{background-position-y:-144px}
.role_gift p.isGet{background-position-y:-248px}
.role_gift p.notAllow{background-position-y:-352px}
.nav{width: 100%;height: 108px;background: url(../images_1/nav.png) top center no-repeat;position: absolute;min-width: 1200px;top:876px;left: 50%;z-index:1;transform: translateX(-50%);}
.fixed_top.nav{position:fixed;top:-1px;left:50%;bottom:auto}

.page_nav li{width: 160px;height: 107px;background-position: 220px 0;cursor: pointer;float: left;margin:0 30px 0 6px ;}
.page_nav li p{width: 120px;height: 46px;background-position: -394px -128px;}
.page_nav li:hover,.page_nav li.cur{background-position: -381px 1px;}
.page_nav li:nth-child(2) p{background-position-y: -198px;}
.page_nav li:nth-child(3) p{background-position-y: -268px;}
.page_nav li:nth-child(4) p{background-position-y: -338px;}
.page_nav li:nth-child(5) p{background-position-y: -408px;}

.user_nav_info{float: right;font-size: 14px;color: #fff;margin-right: 34px;}
.user_nav_info p.icon{width: 170px;height: 26px;background-position: -176px -39px;cursor: pointer;}
.user_nav_info p.rule{margin-top: -25px;}
.user_nav_info p.rule:hover{background-position-y: -78px;}
.user_nav_info div{margin-top: 8px;cursor:pointer;}
.user_nav_info div p{margin-bottom: 6px;}
.user_nav_info div span{display: inline-block;width: 118px;height: 20px;border: 1px solid #ede4cf;padding: 0 4px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.user_nav_info div span::after{content:"";position:absolute;border-right:7px solid #ede4cf;border-top:7px solid transparent;transform: rotate(45deg);right: 8px;top: 4px;}
.user_nav_info p.log{background-position: 0 -248px;height: 38px;margin-top: -2px;}
.user_nav_info p.log:hover{background-position-y: -301px;}

.titles{width: 1336px;height: 140px;background: url(../images_1/tit.png) 0 0 no-repeat;margin: 0 auto 0;position: relative;top: 30px;}
.titles p{font-size: 16px;color: #ffb931;text-align: center;padding-top: 102px;}
.page2 ul{align-items: flex-start;margin-top: 14px;justify-content: flex-start;}
.page2 ul::after{content: "";position: absolute;width: 1005px;height: 11px;background: url(../images_1/line_01.png) 0 0 no-repeat;top: 74px;left: 53%; margin-left: -642px;}
.page2 li{width: 180px;height: 406px;background: url(../images_1/page2_li.png) 0 0 no-repeat;text-align: center;font-size: 14px;color: #ffd879;margin: 0 9px;}
.page2 li .day{width: 138px;height: 40px;background-position: 3px -594px;margin: 0 auto 68px;position: relative;top: 18px;}
.page2 li dt{width: 108px;height: 86px;margin: 0 auto 6px;box-sizing:border-box;padding-bottom:6px}
.page2 li dt img{width:66px}
.page2 li dd{height: 40px;margin-bottom: 4px;}
.page2 li:nth-child(2n){margin-top: 30px;}
.page2 li:nth-child(2n) .day{top: -12px;background-position-y: -676px;}
.page2 li:nth-child(3) .day{background-position-y: -758px;}
.page2 li:nth-child(4) .day{background-position-y: -839px;}
.page2 li:nth-child(5) .day{background-position-y: -921px;}
.page2 li .status{width: 178px;height: 56px;background-position: -1px -352px;margin: 10px auto 0;cursor: pointer;}
.page2 li .status:hover{background-position-y: -409px;}
.page2 li .status.isGet{background-position-y: -465px;}
.page2 li .status.notAllow{background-position-y: -522px;}
.page2 li.waitGet{background-position-x: -220px;}
.page2 li.waitGet .day{background-position-x: -203px;}


.page3 .titles{top: 0;background-position-y: -155px;}
.page3 .p3_con{width: 1338px;height: 682px;background: url(../images_1/p3_c.png) top center no-repeat;position:absolute;left:50%;margin-left:-669px;top:110px}
.p3_con .aside_day{width: 206px;float: left;margin: 130px  0 0 133px;}
.p3_con .aside_day p{width: 214px;height: 66px;margin-bottom: 6px;background-position: 0 980px;cursor: pointer;}
.p3_con .aside_day p.cur,.p3_con .aside_day p:hover{background-position:-4px -972px;}
.p3_con .aside_day p span{width: 98px;height: 32px;background-position:-226px -242px;margin-top:4px}
.p3_con .aside_day p:nth-child(2) span{background-position-y: -292px;}
.p3_con .aside_day p:nth-child(3) span{background-position-y: -342px;}
.p3_con .aside_day p:nth-child(4) span{background-position-y: -392px;}
.p3_con .aside_day p:nth-child(5) span{background-position-y: -442px;}
.p3_con .aside_day p:nth-child(6) span{background-position-y: -492px;}
.p3_con .aside_day p:nth-child(7) span{background-position-y: -542px;}
.p3_con .task_list{float: left;margin: 161px 0 0 10px;height: 453px;width: 890px;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
.p3_con .task_list li{width: 420px;height: 200px;font-size: 16px;color: #ffe99d;text-align: center;line-height: 18px;margin: 0 14px 44px 0;}
.p3_con .task_list dl{width: 118px;height: 110px;margin-top: 58px;}
.p3_con .task_list dt{width: 66px;height: 64px;margin: 0 auto;margin-bottom: 8px;}
.p3_con .task_list .status{width: 148px;height: 50px;background-position: -386px -796px;margin: 0 0 0 146px;cursor:pointer;}
.p3_con .task_list .status:hover{background-position-y: -861px;}
.p3_con .task_list .status.notAllow{background-position-y: -991px;}
.p3_con .task_list .status.overdue{background-position-y: -991px;}
.p3_con .task_list .status.isGet{background-position-y: -926px;}

.page4 .titles{top: 0;background-position-y: -309px;}
.page5 .titles{top: 0;background-position-y: -464px;}
.page6 .titles{top: 0;background-position-y: -618px;}
.page6 .titles a{color: #43e7ff;text-decoration: underline;}
.page4 li{width: 190px;height:407px;background: url(../images_1/p4_l.png) -3px 0 no-repeat;flex-shrink: 0;margin: 0 -16px;}
.page4 ul{margin-top: 0;align-items: flex-start;}
.page4 li .day{width: 104px;height: 20px;background-position: -402px -516px;margin: 44px auto 0;}
.page4 li .lel{font-size: 14px;color: #ffe99d;text-align: center;line-height: 24px;margin: 7px 0 25px;}
.page4 li dl{font-size: 16px;color: #ffe99d;text-align: center;margin-bottom: 20px;}
.page4 li dt{width: 66px;height: 64px;margin: 0 auto;margin-bottom: 4px;}
.page4 li .status{width: 148px;height: 50px;background-position:-386px -796px;margin:0 0 0 21px;cursor: pointer;}
.page4 li .status:hover{background-position-y:-861px ;}
.page4 li .status.overdue{background-position-y:-991px ;}
.page4 li .status.notAllow{background-position-y:-991px ;}
.page4 li .status.isGet{background-position-y:-926px ;}
.page4 li:nth-child(2) .day{background-position-y: -557px;}
.page4 li:nth-child(3) .day{background-position-y: -597px;}
.page4 li:nth-child(4) .day{background-position-y: -638px;}
.page4 li:nth-child(5) .day{background-position-y: -678px;}
.page4 li:nth-child(6) .day{background-position-y: -719px;}
.page4 li:nth-child(7) .day{background-position-y: -759px;}
.page4 li:nth-child(2n){margin-top: 50px;}

.lottery_gift_ul{position:absolute;top:106px;left:150px;width:923px;height:300px;display: grid;
  grid-template-columns: 100px 100px;
  grid-gap: 8px 754px;
  justify-items: flex-start;
  align-items: flex-start;}
.lottery_gift_ul::after{content:"";position:absolute;width:923px;height:300px;background:url(../images_1/sm_gi.png) 0 0 no-repeat;top:0;left:0}
.lottery_gift_ul li{width:100px;height:100px;background:url(../images_1/bg_k.png) 0 0 no-repeat;animation:shine_bg .8s steps(10) infinite;position:relative;z-index:1;margin:-17px 0 -23px -16px;}
@keyframes shine_bg{
    0%{background-position:0 0}
    100%{background-position: -1000px 0px}
}

.page5 .p5_c{width:1220px;height: 714px;background: url(../images_1/p5_c.png) center no-repeat ;margin: -34px auto 0;position:relative;}
.page5 .p5_c video{position:absolute;left: 50%;transform: translateX(-50%);top: 64px;display:none;}
.page5 .p5_k{width: 100%;height: 100%;background: url(../images_1/p5_k.png) center no-repeat;position: relative;top: -15px;}
.ld .big_d{width: 320px;height: 352px;background: url(../images_1/ld.png) -94px -60px no-repeat;position: absolute;top: 86px;left: 50%;margin-left: -154px;animation:ld_mov .8s steps(4) infinite}
.ld{width: 990px;height: 418px;margin: 0 auto;position: relative;}
@keyframes ld_mov{
    0%{background-position: -94px -60px}
    100%{background-position: -2070px -60px}
}
.s{background: url(../images_1/s.png) 0 0 no-repeat;cursor: pointer;}
.opea{position: relative;height: 70px;width: 976px;margin: 0 0 0 144px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #ffd7a2;text-decoration: underline;}
.opea .opeTraget{width: 84px;height: 24px;background-position: -302px -292px;}
.opea .opeTraget.cur{background-position-y: -324px;}
.opea .lottery_click{width: 268px;height: 100px;background-position: -24px -36px;}
.opea .lottery_click:hover{background-position-y: -158px;}
.opea .ten{background-position-x: -333px;margin-right: 26px;}
.opea p{cursor: pointer;}
.proCon{width: 960px;margin: 24px 0 0 136px;height: 16px;font-size: 16px;color: #ffd7a2;}
.proCon .probg{width: 840px;height: 16px;border: 1px solid #ffd7a2;box-sizing: border-box;border-radius: 14px;margin: 4px 4px 0;text-align: center;}
.proCon .probg .pro{border-radius: 10px;width: 0;height: 14px;transition: .7s all;background: linear-gradient(to right, #333b8a, #3390c9,#d53b9b);box-shadow: inset 0px 0 6px #000;}
.giftCount{width: 998px;margin: 24px auto 0;justify-content: flex-start;height: 108px;font-size: 16px;color: #f7eaa3;position: relative;line-height: 24px;}
.giftCount .lef{width: 650px;}
.giftCount span{color: #fff;}
.giftCount .ref{position: absolute;right: 22px;top: 21px;border-bottom: 1px solid #f7eaa3;line-height: 20px;cursor: pointer;}
.p5rule{font-size: 14px;color: #ffe99d;line-height: 24px;margin-top: 30px;}
.p5rule .rule{width: 620px;margin-left: 30px;margin-left: 110px;float: left;}
.p5rule .list{margin: -26px 0 0 0;width: 422px;height: 224px;background: url(../images_1/md.png) 0 0 no-repeat;float: left;overflow: hidden;font-size: 16px;color: #ffe99d;line-height: 26px;position: relative;}
#outCont{width: 330px;height:102px;position: relative;overflow: hidden;margin: 66px auto 0;}
#outCont .helplog-pl {
    position: absolute;width: 100%;
  text-align: center;
}
#outCont .helplog-pl li { width: 100%; }
.giftCount .rig{margin-top: -8px;}

.rank_con{width: 1237px;height: 529px;background: url(../images_1/rank.png) center no-repeat;margin: 44px auto 0;align-items: flex-start;}
.rankBtn{float: left;margin: 12px 0 0 34px;}
.rankBtn p{width: 196px;height: 50px;background-position: 0 -366px;margin: 0 -4px;}
.rankBtn p.le{background-position-x: -219px;}
.rankBtn p:hover , .rankBtn p.curr{background-position-y: -429px;}
.rank_list .type{width: 140px;height: 40px;background-position:-8px -281px;margin: 0 auto;}
.rank_list .type.rankLevel{background-position-y: -317px;}
.rank_list {width: 330px;padding-top: 70px;margin-left: 58px;font-size: 14px;color: #feffeb;text-align: center;height: 460px;}
.rank_list li{width: 100%;height: 30px;border-bottom: 1px solid transparent;justify-content: space-between;}
.rank_list ul{margin-top: 34px;height:310px}
.rank_list li .nums{width: 62px;}
.rank_list li .servers{width: 112px;}
.rank_list .page_num span{width: 82px;height: 20px;background-position:-501px -312px;margin: 12px 2px 0;}
.rank_list .page_num span:hover,.rank_list .page_num span.curr{background-position-x:-413px ;}
.rank_gift{flex-wrap: wrap;align-items: flex-start;height: 490px;width:834px}
.rank_gift li{width: 242px;height: 236px;margin: 24px 11px 0px 13px;box-sizing: border-box;padding: 50px 6px 0;position: relative;}
.rank_gift li:nth-child(n+4){height: 200px;}
.rank_gift li dl{font-size: 14px;color: #ffe99d;text-align: center;width: 106px;margin: 0 4px 10px;float: left;}
.rank_gift li dt{width: 72px;height: 68px;background-position: -464px -412px;margin:-6px auto -5px;box-sizing:border-box;padding-bottom:6px;position:relative;}
.rank_gift li dt img{width:52px}
.rank_gift li dd{white-space:nowrap;}
.rank_gift li.n2 dl{margin-top: 12px;}
.rank_gift li.n2 dd{position: absolute;top: 142px;left: 50%;width: 120px;margin-left: -60px;}
.rank_gift li.n2 dl:nth-child(2) dd{top: 186px;}
.rank_gift li.n2 dl:nth-child(2) dd::after{content: "+";position: absolute;width: 20px;text-align: center;top:-22px;left: 50%;margin-left: -10px;}
.rank_gift li.n1 dl{margin: 18px 0 0 62px;}

.rank_gift li dt p{width:200px;height:112px;position:absolute;background:url(../images_1/title1.png) 0 0 / 1200px auto no-repeat;animation:ranks_1 1s steps(6) infinite;top: -34px;left: -78px;}
@keyframes ranks_1{
    0%{background-position: 0 0}
    100%{background-position: -1200px 0px}
}
.rank_gift li dt p.title2{background:url(../images_1/title2.png) 0 0 / 1800px auto no-repeat;animation:ranks_2 1s steps(10) infinite;left:-62px;width: 180px;}
@keyframes ranks_2{
    0%{background-position: 0 0}
    100%{background-position: -1800px 0px}
}

.rank_gift li dt p.weapon{background:url(../images_1/weapon.png) 0 0 / 1000px auto no-repeat;animation:weapon 1s steps(6) infinite;left:-58px;top:-50px}
@keyframes weapon{
    0%{background-position: 0 0}
    100%{background-position: -1000px 0px}
}
.rank_gift li dt p.cloth{background:url(../images_1/cloth.png) 0 -40px no-repeat;animation:cloth 1s steps(10) infinite;height:150px;top:-60px;left:-100px}
@keyframes cloth{
    0%{background-position: 0 -40px}
    100%{background-position: -2540px -40px}
}

/* 弹窗 */
.alert-wrap .msg-alert.percent{background-image:url(../images_1/percent.png);width:730px;height:413px;margin:-206px 0 0 -362px}
.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{width: 961px;height: 531px;background: url(../images_1/alert.png?v=01) 0 0 no-repeat;position: absolute;top: 50%;left: 50%;margin:-265px 0 0 -480px;z-index: 25;box-sizing:border-box;padding:66px 60px 38px}
.alert-wrap .msg-alert .btn-close{width: 57px;height: 57px;background: url(../images_1/close.png?v=01) 0 0 no-repeat;position: absolute;right: 8px;top: 0;cursor: pointer;}
.alert-wrap .msg-alert .btn-close { transition: transform .6s 0s ease;-webkit-transition: transform .6s 0s ease;-moz-transition: transform .6s 0s ease;-ms-transition: transform .6s 0s ease;}
/* .alert-wrap .msg-alert .btn-close:hover { background-position-y: -50px;} */
.alert-wrap .msg-alert .btn-close:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.alert-wrap .msg-alert .msg-tit { background: none;margin-top: 0;position: relative; }
.alert-wrap .msg-alert .msg-tit h3 { font-size: 26px;font-weight: 900;color: #fbd87e;text-align: left;height: 50px;line-height: 50px;padding: 0;box-sizing: border-box; }

.alert-wrap .msg-alert .msg-con {width: 92%;height: 270px;margin: 0 auto 0;font-size: 20px;padding: 0;color: #ffffff; }
.alert-wrap .msg-alert .msg-con p { line-height: 35px;text-align: center;width: 100%;word-wrap: break-word;letter-spacing: 1px;white-space: pre;font-size: 20px; }
.alert-wrap .msg-alert .msg-con .tip2 { margin-top: 60px; }
.alert-wrap .msg-alert .msg-con .tip3 { font-size: 22px; }
.alert-wrap .msg-alert .msg-con .tip4 { margin-top: 25px;line-height: 15px; }
.alert-wrap .msg-alert .msg-con .tip4 img { max-width: 170px; }
.alert-wrap .msg-alert.ruleAlert .msg-con { width: 65%;margin: 0 auto;display: flex;flex-direction: column;justify-content: flex-start;padding-top: 50px;box-sizing: border-box; }
.alert-wrap .msg-alert .msg-con .ruleTip { margin: 8px 0;line-height: 15px;text-align: left;word-wrap:normal;
  letter-spacing: 1px;
  white-space: normal;line-height:26px }
.msg-con .btn-alert{width:222px;height:76px;background:url(../images_1/alert_btn.png) 0 0 no-repeat;bottom: 55px; margin-left: -111px;display:block;position:absolute;left:50%;font-size:0;color:transparent;}
.msg-con .btn-alert:hover{background-position-y:-76px}

.alert-wrap .msg-alert .msg-con .luckGiftBox { display: flex;align-content: center;justify-content: center;flex-wrap: wrap;height: 270px; }
.alert-wrap .msg-alert.percent .btn-close{right: -16px;top: -22px;}
.alert-wrap .msg-alert .msg-con .luckGiftBox li { width: 120px;height: 100px;box-sizing: border-box;
    display: flex;align-items: center;justify-content: center;flex-direction: column;
}

.alert-wrap .msg-alert .msg-con .luckGiftBox p{line-height:30px}
.alert-wrap .msg-alert .msg-con .luckGiftBox li .pimg {
    background: url(../img/fashion/luckgiftbg.png) 0 0 / 72px 72px no-repeat;
    width: 72px;height: 72px;margin-top:0;display: flex;align-items: center;justify-content: center;
}
.alert-wrap .msg-alert .msg-con .luckGiftBox li .pimg img { max-width: 60px; }

.alert-wrap .msg-alert .msg-con .luckGiftBox li.liCurr .pimg {
    background: url(../img/fashion/luckgiftBigani.png) 0 0 no-repeat;
    animation: luckgiftbg 1s steps(6) infinite;
}
@keyframes luckgiftbg{
    0%{background-position-x: 0;}
    100%{background-position-x: -432px;}
}

.alert-wrap .msg-alert.pool { background: none; }   
.alert-wrap .msg-alert.pool .msg-con { height: auto;width: 100%; }
.alert-wrap .msg-alert.pool .btn-close { top: 28px; }


/*弹窗滚动条*/
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar {width: 3px;/*height: 4px;*/}
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: #f7eaa2;}
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: transparent;}
.alert-wrap .msg-alert .msg-con table{width: 90%;text-align: center;color: #f7eaa2;font-size: 14px;margin: 0px 30px;}
.alert-wrap .msg-alert .msg-con table tr th{text-align: center;font-size: 16px;color: #f7eaa2;}
.alert-wrap .msg-alert .msg-con table th, .msg-con table td, .msg-con table tr {border-bottom: 1px solid #f7eaa2;line-height: 28px;height: 28px;vertical-align: middle;padding: 3px 12px 2px;text-align: center;}
.alert-wrap .msg-alert .msg-con table td.mid { width: 110px; }

.role_gift dl img{display:block;width:50px;margin:0 auto 0}

.msg-con .serverInfo {margin:0 auto 20px;width: 280px}
.searchable-select-dropdown{z-index: 5}

.rule_con ul::-webkit-scrollbar,.log_con ul::-webkit-scrollbar,.rule_div .msg-con::-webkit-scrollbar , .kf_div dl dd::-webkit-scrollbar {width: 4px;padding-right: 2px;}
.rule_con ul::-webkit-scrollbar-thumb ,.log_con ul::-webkit-scrollbar-thumb , .kf_div dl dd::-webkit-scrollbar-thumb,.rule_div .msg-con::-webkit-scrollbar-thumb,#exchange_div ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/background: #cdcdcd;width: 2px;border-radius:8px }
.rule_con ul::-webkit-scrollbar-track ,.log_con ul::-webkit-scrollbar-track , .kf_div dl dd::-webkit-scrollbar-track,.rule_div .msg-con::-webkit-scrollbar-track,#exchange_div ul::-webkit-scrollbar-track {/*滚动条里面轨道*/background: #212832;border-radius:8px }

.log_con span{font-size: 14px;display: inline-block;width: 160px;line-height: 32px}
.log_con span.name{width: 92px}
.log_con span.status{width: 200px}
.log_con li{height: 32px;border-bottom: 1px solid #cecece;margin: 0 18px;}
.log_con ul{height: 256px;overflow-y: auto;margin: 0 10px}
.log_con{text-align:center;}
.timer{font-size:22px;color: #fffabb;position: absolute; top: 546px;left: 404px;width: 392px;text-align: center;}
.msg-con .rule_con{width: 700px;margin: 0 auto; height: 276px;overflow: auto;}

.animated.anidelay0 { animation-delay: .0s }
.animated.anidelay1 { animation-delay: .1s }
.animated.anidelay2 { animation-delay: .2s }
.animated.anidelay3 { animation-delay: .3s }
.animated.anidelay4 { animation-delay: .4s }
.animated.anidelay5 { animation-delay: .5s }
.animated.anidelay6 { animation-delay: .6s }
.animated.anidelay7 { animation-delay: .7s }
.animated.anidelay8 { animation-delay: .8s }
/*foot*/
.wrapper-footer { width: 100%; background: #000000; height: 202px; border-bottom: 3px solid #1a0202;margin-top: -3px;padding-bottom: 46px;}
.wrapper-inner { width: 1000px; margin: 0 auto; position: relative }
.wrapper-inner .qr-left { float: left; width: 282px; height: 138px; background: url(//cdn.51img3.com/game/2022/202206/20220613/02a9dff61da5598e9e46771153cc63c4.png?v=0819) 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 }

.giftCount .ani {width:176px;height:102px;float:left;margin:0 -26px 0 50px;text-align:center;}
.giftCount .ani .pm{height:74px;position:relative;}
.giftCount .ani .pm span{display:block;position:absolute;width:218px;height:126px;background:url(../images_1/zj.png) 0 0 /1800px auto no-repeat;animation: xdzj 1s steps(8) infinite;top: -38px;left: 0;}
.giftCount .ani2 .pm span{background:url(../images_1/ani2.png) 0 0 / 2500px auto no-repeat;animation: ani2 1s steps(12) infinite;}
.giftCount .ani1 .pm span{background:url(../images_1/ani1.png) 0 0 / 2000px auto no-repeat;animation: ani1 1s steps(12) infinite;top:-56px;height:131px;width:200px}
    
@keyframes ani1{
    0%{background-position-x: 0;}
    100%{background-position-x: -2000px;}
}

@keyframes ani2{
    0%{background-position-x: 0;}
    100%{background-position-x: -2500px;}
}

@keyframes xdzj{
    0%{background-position-x: 0;}
    100%{background-position-x: -1800px;}
}

#qr_img.toleft{left:-200px}
#qr_img.toleft .isshow{background:url(../images_1/hh.png) 0 0 no-repeat}
#qr_img div{width:100%;height:100%;position:relative;z-index:1;background: url(../images_1/asqe.png) 0 0 no-repeat;}
#qr_img {width:243px;height:322px;position:fixed;left:0;top:50%;margin-top:-188px;z-index:10;}
#qr_img img{position: absolute;top: 123px;left: 35px;width: 150px;border-radius:2px;}
#qr_img .isshow{width:36px;height:40px;background:url(../images_1/ss.png) 0 0 no-repeat;position:absolute;right: -3px;top: 250px;cursor:pointer;z-index:1}