body{ font-size:.3rem; text-align:center;  font-family: "SourceHanSansCN","Microsoft Yahei"; color: #fff; }
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.dn{
    display: none;
}
.flex-ac{
    display: flex;
    align-items: center;
    justify-content: start;
}
.ls-show .ls-col{
    display: none;
}
.ls-show .ls-col.current{
    display: block;
}
.z-title{
    height: 3.99rem;
    top: 0;
}
.lottery-guide{
    width: 1.85rem;
    height: 2.27rem;
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 5;
}
.lottery-guide a{
    width: .56rem;
    height: .56rem;
    right: 0;
    top: .18rem;
}
#web-main{
    width: 100%;
    background: url(/Public/special/images/20260518/bg.jpg?v=1.0.2) no-repeat center center;
    background-size: 10.8rem 126.95rem;
    height: 126.92rem;
}
.header{
    width: 10.8rem;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1.6rem;
    background: url(/Public/special/images/20260518/t-bg.png) no-repeat center center;
    background-size: 100% 100%;
    z-index: 10;
    padding-right: 0.3rem;
    justify-content: flex-end;
}
.header .wurl-item{
    font-size: 0.32rem;
}
.header .index_down{
    width: 2.59rem;
    margin:0 0.36rem 0 0.3rem;
}
.header .menu-btn{
    width: 0.6rem;
}
.side-menu{
    opacity: 0;
    transition: all 0.3s;
    right: -50vw;
    top: 1.42rem;
    background-color: rgba(111, 65, 51, 0.9);
    border-bottom-left-radius: .46rem;
    width: 4.16rem;
    padding: .3rem .32rem .48rem;
}
.side-menu.active{
    opacity: 1;
    right: 0;
}
.side-menu .menu-item{
    font-size: .4rem;
    letter-spacing: .03rem;
    height: 1.13rem;
    border-bottom: .02rem solid #a0574d;
}
.side-menu .menu-item span{
    padding: 0 .2rem;
}
.menu-item.active{
    color: #ffbc71;
}
.menu-item.active::before,
.menu-item.active::after {
  content: "◆";
  color: #ffbc71;
  font-size: 0.8rem;
  vertical-align: middle;
}
.box1{
    height: 16.72rem;
}
.box2{
    height: 16.61rem;
}
.box2 .item{
    left: 0;
}
.box2 .item:nth-child(1){
    top: 1.93rem;
}
.box2 .item:nth-child(1) .item-content{
    top: 1.13rem;
}
.box2 .item:nth-child(2){
    top: 6.7rem;
}
.box2 .item:nth-child(2) .item-content{
    top: 1.04rem;
}
.box2 .item:nth-child(3){
    top: 11.7rem;
}
.box2 .item:nth-child(3) .item-content{
    top: .45rem;
}

.box2 .item-content{
    width: 3.88rem;
    height: 3.74rem;
}
.box2 .item:nth-child(odd) .item-content{
    right: 1.38rem;
}
.box2 .item:nth-child(even) .item-content{
    left: 1.28rem;
}
.box2 .item-text{
    font-size: 0.24rem;
    color: #fff;
    line-height: .28rem;
    height: .84rem;
    margin-top: 1.58rem;
    letter-spacing: 0.01rem;
}
.box3{
    height: 29.89rem;
}
.box3 .wf-box{
    padding: 0 1.48rem;
    justify-content: space-between;
}
.box3 .wf-box:nth-child(1){
    margin-top: 4.54rem;
}
.box3 .wf-box:nth-child(2){
    margin-top: 1.3rem;
}
.box3 .wf-box:nth-child(3){
    margin-top: 1.16rem;
}
.box3 .wf-box .item{
    width: 3.71rem;
    margin-top: .28rem;
}
.box3 .wf-box .item i{
    width: 3.64rem;
    height: .42rem;
    background: url(/Public/special/images/20260518/m-t.png?v=1.0.2) no-repeat;
    background-size: 3.64rem 4.71rem;
    margin-bottom: 0.08rem;
}
.box3 .wf-box .item .i1{
    background-position: 0 0;
}
.box3 .wf-box .item .i2{
    background-position: 0 -0.43rem;
}
.box3 .wf-box .item .i3{
    background-position: 0 -0.86rem;
}
.box3 .wf-box .item .i4{
    background: none;
}
.box3 .wf-box .item .i4::before{
    content: "";
    width: 4.14rem;
    height: .41rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(/Public/special/images/20260518/ntt.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
}
.box3 .wf-box .item .i5{
    background-position: 0 -1.72rem;
}
.box3 .wf-box .item .i6{
    background-position: 0 -2.15rem;
}
.box3 .wf-box .item .i7{
    background-position: 0 -2.58rem;
}
.box3 .wf-box .item .i8{
    background-position: 0 -3.01rem;
}
.box3 .wf-box .item .i9{
    background-position: 0 -3.44rem;
}
.box3 .wf-box .item .i10{
    background-position: 0 -3.87rem;
}
.box3 .wf-box .item .i11{
    background-position: 0 -4.3rem;
}
.box3 .wf-box .item .item-content{
    width: 100%;
    height: 2.83rem;
    text-align: center;
    position: relative;
}
.box3 .wf-box .item .item-content.none{
    background: url(/Public/special/images/20260518/m4.png) no-repeat center center;
    background-size: 100% 100%;
}
.box3 .wf-box .item .item-content a{
    width: 2.51rem;
    height: .56rem;
    background: url(/Public/special/images/20260518/b-5.png) no-repeat center center;
    background-size: 100% 100%;
    top: 2.01rem;
    z-index: 1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.box3 .wf-box .item .item-content a.none{
    background: url(/Public/special/images/20260518/b-4.png) no-repeat center center;
    background-size: 100% 100%;
}
.box4{
    height: 27.27rem;
}
.box4 .hd-box{
    margin-top: 2.33rem;
    justify-content: center;
    background: url(/Public/special/images/20260518/m6.png?v=1.0.3) no-repeat top center;
    background-size: 9.92rem 23.6rem;
}
.box4 .hd-box .item{
    width: 3.04rem;
    margin: 0 .18rem;
}
.box4 .hd-box .item:nth-child(2){
    padding-top: .56rem;
}

.box4 .hd-box .item .item-content{
    width: 100%;
    height: 5.39rem;
    margin-bottom: .47rem;
}
.box4 .hd-box .item .item-content a{
    width: 2.94rem;
    height: .66rem;
    background: url(/Public/special/images/20260518/b-6.png) no-repeat center center;
    background-size: 100% 100%;
    margin: 4.22rem auto 0;
}
.box4 .hd-box .item .item-content a.max{
    margin: 4.38rem auto 0;
}
.box5{
    height: 17.81rem;
}
.zb-lb{
    top: 3.46rem;
    height: 14rem;
}
.zb-lb .swiper-button{
    width: 2.02rem;
    height: 1.99rem;
    background: none;
}
.zb-lb .swiper-pagination{
    top: 0 !important;
    left: 0 !important;
    width: 100%;
}
.zb-lb .swiper-pagination span{
    width: 2.1rem;
    height: 2.1rem;
    background: url(/Public/special/images/20260518/l-b.png) no-repeat;
    background-size: 10.55rem 4.12rem;
    border: none;
    opacity: 1;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    top: 0;
    border-radius: 0;
}
.zb-lb .swiper-pagination span:nth-child(1){
    background-position: 0 .16rem;
    left: .85rem;
    top: .28rem;
}
.zb-lb .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active{
    background-position: 0 bottom;
}
.zb-lb .swiper-pagination span:nth-child(2){
    background-position: -2.1rem .16rem;
    left: 3.24rem;
    top: .2rem;
}
.zb-lb .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active{
    background-position: -2.1rem bottom;
}
.zb-lb .swiper-pagination span:nth-child(3){
    background-position: -4.2rem .16rem;
    top: .3rem;
    left: 5.46rem;
}   
.zb-lb .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active{
    background-position: -4.2rem bottom;
}
/*
.zb-lb .swiper-pagination span:nth-child(4){
    background-position: -6.3rem .16rem;
    left: 6.55rem;
    top: .48rem;
}
.zb-lb .swiper-pagination span:nth-child(4).swiper-pagination-bullet-active{
    background-position: -6.3rem bottom;
}
    */
.zb-lb .swiper-pagination span:nth-child(4){
    background-position: -8.4rem .16rem;
    left: 7.72rem;
    top: .1rem;
}
.zb-lb .swiper-pagination span:nth-child(4).swiper-pagination-bullet-active{
    background-position: -8.4rem bottom;
}

.z1{
    width: 8.94rem;
    height: 10.6rem;
    margin: 2.5rem auto 0;
    padding-left: .4rem;
}
.z2{
    width: 6.9rem;
    height: 7.92rem;
    margin: 3.59rem auto 0;
}
.z2-gif{
    left: 1.53rem;
    top: 2.55rem;
    width: 3.85rem;
    height: 3.85rem;
}

.z-gif{
    width: 5.12rem;
}
.z5{
    width: 6.12rem;
    height: 8.31rem;
    margin: 3.3rem auto 0;
}
.box6{
    height: 18.6rem;
}
.z-but6{
    width: 2.94rem;
    height: .66rem;
}
.b-caption{
    left: .3rem;
    top: 2.85rem;
}
.b-preview{
    left: .3rem;
    top: 3.85rem;
}
.b-list{
    right: .28rem;
    top: 2.85rem;
}
.b-LuckDraw{
    width: 7.09rem;
    left: 50%;
    top: 15.02rem;
}
.jbg{
    top: 4rem;
}

.box6 .login_box{
    top: .24rem;
    right: .34rem;
    font-size: .34rem;
    color: #dd5f65;
}
.box6 .login_box a{
    color: #dd5f65;
}
.box1 .login_box{
    height: .8rem;
    border-radius: .4rem;
    padding: 0 .32rem;
    background: url(/Public/special/images/20241203/ico4.png) no-repeat .32rem center rgba(49, 53, 64, 0.4); 
    background-size: .56rem .56rem;
    text-indent: .8rem;
    color: #fff;
    top: 1.77rem;
    right: .28rem;
    font-size: .32rem;
}
.box1 .login_box a{
    color: #ffe17b;
}

.hot{ color: #ff5a5a; }
.pop_win .pwin_box{ width: 10.18rem; height: 8.49rem; color: #54311c; font-size: .28rem;  background:url(/Public/special/images/20260518/pbg.png) no-repeat left top;
background-size: 100% 100%;}
.pop_win .w-pop{  height: 14.32rem;  background:url(/Public/special/images/20260518/pbg4.png) no-repeat left top;
    background-size: 100% 100%;}
.pop_win .w-pop2{ height: 11.61rem; background:url(/Public/special/images/20260518/pbg3.png) no-repeat left top;
    background-size: 100% 100%;}
.pop_win .w-pop3{ height: 9.92rem; background:url(/Public/special/images/20260518/pbg2.png) no-repeat left top;
    background-size: 100% 100%;}
.pop_win .pwin_box .pop-x{ width:1.36rem; height:1.33rem; top: .38rem; right: -.07rem; background: url(/Public/special/images/20260518/b-p1.png) no-repeat; background-size: 100% 100%;}
.pop_win .pop-title{ 
    font-size:.55rem; 
    line-height: .8rem; 
    height: .87rem;  
    margin:.54rem 0 .56rem 0;
    padding-right: .06rem;
}
.pop_win .pop-title-max{
    margin:.54rem 0 .82rem 0;
}
.pop_win .pop-title span{
    color: #e56b6a; 
    letter-spacing:.08rem; 
    background-image:-webkit-linear-gradient(bottom,#ffed90,#fefed3);  
    -webkit-background-clip:text;  
    -webkit-text-fill-color:transparent;
    font-family: 黑体;
    font-weight: bold; 
}
#cont_win .pop-title{
    font-size: .52rem;
}
#cont_win .pop-title span{
    letter-spacing: .04rem;
}

.z-but{ width:4.29rem; height:.96rem; background: url(/Public/special/images/20260518/b-p2.png) no-repeat left top; background-size: 100% 100%;}
.z-bind-but{ background: url(/Public/special/images/20260518/b-p3.png) no-repeat left top; background-size: 100% 100%; }
.z-address-but{ background: url(/Public/special/images/20260518/b-p4.png) no-repeat left top; background-size: 100% 100%; }
.bind-tips{ font-size: .36rem; color: #c09c81; line-height: .46rem; margin-bottom: .2rem; }
.ls-from{ padding:.58rem 0 .46rem;  width: 6.44rem; font-size:.32rem;}
.ls-input{ margin-bottom:.4rem; border: solid 1px #f38e48;  background: #fff; border-radius: .12rem; padding:0 .25rem; overflow:hidden;}
.ls-input textarea,.ls-input input,.ls-input select{ background: none; border: none; font-size:.32rem; width: 100%; text-align:left; color:#666;}
.ls-input input,.ls-input select{ height:.94rem; line-height:.94rem;}
.ls-input textarea{height: 2.05rem;  overflow: hidden; line-height: .4rem;  padding: .15rem 0; text-indent: 0;  font-family: "Microsoft YaHei";}
.ls-input-min{ width:65%;}
.ls-input select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url(/Public/special/images/m/20231211/pico.png) no-repeat scroll right center transparent;
    background-size: .36rem .23rem;
}
.ls-input select option{
    font-size:.3rem !important; 
}
.getCode{ width:31%; line-height:.94rem; color: #ffffff; text-align:center; border: solid 1px #f38e48; background:#f38e48; border-radius:.12rem;}
.getCode.off{background:#d7d7d7; border: solid 1px #d7d7d7; }

.login-from{
    padding: .38rem .52rem 0;
    width: 8.16rem;
    height: 3.16rem;
    border: .02rem solid #ffdfb2;
    border-radius: .38rem;
    background: #fff;
    margin-bottom: .72rem;
}
.login-from .ls-input{
    border-color: #f7b886;
    background: #fffce9;
}
.address-from{
    width: 7.5rem;
    margin-bottom: .5rem;
}
.address-from .ls-input{
    border: none;
    margin-bottom: .12rem;
}
.address-title{
    line-height: .62rem;
    font-size: .36rem;
    text-align: left;
    color: #54311c;
}

.cont-box{ line-height: .56rem; padding: 0 .3rem; margin: 0 .9rem 0 .8rem; font-size: .36rem;  height: 11.24rem;}
.cont-box p{ padding: .15rem 0;}
.cont-box p.pl{ padding: 0 0 0 1em;}
.cont-box h3{ padding: .3rem 0 .12rem; font-size: .48rem; }
.cont-box img{ padding:.1rem 0; max-width: 100%;}
.cont-box h1{ padding:0 0 .2rem 0; font-size: .6rem; line-height: .8rem; text-align: center; }

#preview_win ul{ 
    padding-top: .4rem;
}
#preview_win span{ width: 2.55rem; }
#preview_win span i{
    width: 1.65rem;
    height: 1.65rem;
    background-position: -6.6rem -1.83rem;
}
#preview_win span p{
    height: 1rem;
    padding-top: .1rem;
    line-height: .4rem;
}
#preview_win img,
#prize_win .prize-img img{ 
    padding: 0; 
    width: 100%;
}

#prize_win .pwin_box{
    height: 9.4rem;
    background: url(/Public/special/images/20260518/pbg1.png) no-repeat;
    background-size: 100% 100%;
}
.prize_bg{
    background: url(/Public/special/images/20260518/g.png) no-repeat center top;
    background-size: 6.04rem 6.07rem; 
    min-height: 6.07rem;
    margin-top: 1.1rem;
}
#prize_win .pop-title,
#cont_win .pop-title{
    background: none;
}
#prize_win .prize-img{ 
    width: 2.56rem;
    height: 2.58rem;
    margin: 1.8rem 0 .3rem 4rem;
}
#prize_win .prize-text{
    font-size: .55rem;
    color: #bd783b;
    letter-spacing: .04rem;
    margin: 1.36rem 0 .7rem;
}
#prize_win .prize-name{
    padding-left: .3rem;
    color: #ef6540;
}

.list-box{ width: 7.76rem; color: #54311c; text-align: center;}
.list-box .list-box-title{ font-size: .32rem; }
.list-box li{  line-height: 1rem;  border-bottom: 1px solid #be9273;}
.list-box li a{ line-height: .48rem; border-radius: .24rem; padding: 0 .15rem; color: #fff9eb; background-color: #f4b343;}
.list-box li span:nth-child(1){ width: 40%;}
.list-box li span:nth-child(2){ width: 34%;}
.list-box li span:nth-child(3){ width: 26%;}
.list-box .win-list{padding:0 .4rem 0 0; height: 7.3rem; box-sizing:content-box; overflow: hidden;}
.or-but{margin-top: .1rem;}
.or-but a{ margin: 0 .15rem; text-decoration:underline; color:#f06555; vertical-align:top; }
.notes{ line-height:32px; color:#808080;}
.rid_list{ height: 5rem; margin:.56rem 0 .3rem;}
.rid_list li{ margin-bottom: .34rem; height: .68rem; font-size: .32rem;}
.rid_list li span{ padding-left: .3rem; }
.rid_list a{  width: 1.68rem; position: relative; height: .68rem; line-height:.68rem;   border-radius: .34rem; color: #ffebb5; background-color: #bf4d34;} 
.rid_list a::after{ content: "切换"; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.rid_list a.active{ color: #bf4d34; background-color: #fac15a;}
.rid_list a.active::after{ content: "当前";}

.lottery-list.active{
    opacity:1;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;	
    -webkit-animation-name:cssPrize;
    animation-name:cssPrize;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
}
#prize_win .pwin_box.active{
    opacity:1;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;	
    -webkit-animation-name:cssPrize2;
    animation-name:cssPrize2;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
}

@keyframes cssPrize {
    from {
        opacity: 1;
        transform: rotateZ(0deg) scale(1);
    }
    to {
            opacity: 0;
        transform: rotateZ(360deg)  scale(.9);
    }
}


@keyframes cssPrize2 {
    from {
        opacity: 0;
        transform:  scale(0);
    }
    to {
            opacity: 1;
        transform:  scale(1);
    }
}



@-webkit-keyframes csScale {
	0% {
		-webkit-transform:scale(.5);
		opacity:0;
	}
	20%{
		opacity:1;
	}50%{
		opacity:.5;
	}
	100% {
		-webkit-transform:scale(2);
		opacity:0;
	}
}
@keyframes csScale {
	0% {
		transform:scale(.5);
		opacity:0;
	}20%{
		opacity:1;
	}50%{
		opacity:.5;
	}
	100% {
		transform:scale(2);
		opacity:0;
	}
}
@-webkit-keyframes scaleCss2 {
    0% {   -webkit-transform: scale(1); }
	50% {   -webkit-transform: scale(1.02); }
    100% {  -webkit-transform: scale(1); }
}
@keyframes scaleCss2 {
    0% {transform: scale(1);  }
	50% {transform: scale(1.02); }
    100% { transform: scale(1); }
}