@charset "utf-8";
/* CSS Document */

html{padding:0px;margin:0px}
body{background: red; padding:0px;margin:0px auto;font-family: Helvetica,arial,helvetica,clean,sans-serif;  color:#999; background:#fff; font-size:100% ; -webkit-text-size-adjust:100%!important;  }
header,footer{ display:block}
div,span,h1,h2,h3,h4,h5,h6,ul,li,img,p,strong,b,textarea,input,button,select,form,a,table,tr,td,dl,dt,dd,blockquote,cite,em,article,footer,section,nav,aside,time,lable{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol{list-style-type:none;}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;}
img{border:0; vertical-align:baseline}
.clear{clear:both}
a{ color:#1F1F1F; text-decoration:none}
a.hover{ text-decoration:none}
.main{position:fixed;top:2rem;overflow-y:scroll;background-color:#fff; width:16rem;margin-left:-8rem; left:50%;-webkit-overflow-scrolling : touch;}
.none{ display:none}

.pimg{width:16rem; margin:0 auto;height:6.4rem;}
.pimg img{width:16rem;display:block}

.head{width:16rem; margin:0 auto;}
.head img{width:16rem;display:block}
.head .lottnum{text-align: center; width: 16rem; height:1.52rem; background-image: url('http://lottery.xsyxsc.com/static/images/surnum.png'); background-repeat: no-repeat; background-size:16rem;}
.head .lottnum span{font-size:0.7rem; line-height: 1.52rem; color: #fff; }

.egg{width:16rem; margin:0 auto; padding: 0; position: relative;}
.egg .eggcontent{width: 100%; height:12.1rem; background-image: url('http://lottery.xsyxsc.com/static/images/errbg.png'); background-repeat: no-repeat; background-size:16rem;}
.egg .eggcontent .item{width: 33.3%;height: 4.8rem; padding-top: 0.8rem; float: left; text-align: center;}

.egg .eggcontent .item img{width: 3.9rem;height: 4.8rem; }
.egg .eggcontent .item .img2{ margin-top: -0.8rem; display: none;} 
.egg .eggcontent .item .img3{width: 3.9rem;height: 4.8rem; display: none;} 

.egg .chui{position:absolute; top: -2rem; left: 14rem;}
.egg .chui img{
    transform-origin: 100% 100%;
    animation: chui .6s ease infinite;
    transition: all .6s ease;
    width: 1.7rem;
    height: 1.8rem;}

@keyframes chui{
    0%{
        transform: rotate(0);
    }
    50%{
        transform: rotate(-60deg);
    }
    100%{
        transform: rotate(0);
    }

}

.egg .chuistop{position:absolute; top: -2rem; left: 14rem;}
.egg .chuistop img{
    transform-origin: 100% 100%;
    width: 1.7rem;
    height: 1.8rem;}


.award{width:16rem; margin:0 auto; padding: 0;}
.award .content{width: 100%; height:10rem; background-image: url('http://lottery.xsyxsc.com/static/images/mylott.png'); background-repeat: no-repeat; background-size:16rem;}
.award .content .model{position: relative; top:3rem; margin-left: 1.03rem;}
.award .content img{width: 2.97rem;height: 2.97rem; float: left; border-radius: 0.2rem}
.award .content .text{ float: left; margin-left: 0.4rem; width: 10.8rem;}
.award .content .text h1{font-size: 14px;color: #fff; float: left;}
.award .content .text h2{font-size: 0.6rem;color: #D2A4A4; float: right; line-height: 1.2rem;}
.award .content .remark h3{ font-size: 0.57rem; color: #D2A4A4; float: left; width: 10.7rem; margin-left: 0.4rem; margin-top: 0.2rem; line-height: 0.78rem;}

.foot{width:16rem; margin:0 auto;}
.foot .comm{width: 100%; height:20rem; background-image: url('http://lottery.xsyxsc.com/static/images/cygz.png'); background-repeat: no-repeat; background-size:16rem;}
.foot .comm h1{ margin-left: 1.5rem;  padding-top: 3.2rem; width: 12.8rem; font-size: 0.57rem; color: #fff;}

.record img{width: 1.7rem; height: 2.6rem; position: absolute; top: 0; right: 1rem; z-index: 3; position:fixed;}
.recordl {width: 100%; background: #000; background-color:rgba(0,0,0,0.3); height: 1.3rem; position: absolute; z-index: 2; position:fixed;}
.recordl .liwu{width: 0.7rem; height: 0.8rem; display: block; padding-left: 0.6rem; padding-top: 0.2rem; float: left;}
.recordl .marq{width: 14.3rem; float: left;line-height: 1.2rem; color: #fff; font-size: 0.5rem; padding-left: 0.2rem;}


@-webkit-keyframes showPlugin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showPlugin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


@-webkit-keyframes hidePlugin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes hidePlugin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.win{
    position: fixed;
    z-index: 101;
    top: 0rem;
    margin-left: -8rem;
    height: 100%;
    left: 50%;
    width: 16rem;
}
.hb{
    position: fixed;
    z-index: 101;
    top: 0rem;
    margin-left: -8rem;
    height: 100%;
    left: 50%;
    width: 16rem; 
    background: #000000;
    opacity:0.8;
}
.win img{
    position: fixed;
    z-index: 101;
    top: 1rem;
    margin-left: -8rem;
    height: 22rem;
    left: 50%;
    width: 16rem;
}
.win {
    animation: hidePlugin 0.1s 1,showPlugin 0.8s 1 0.1s;
}
.win .mmsmsg{ width: 6.9rem; height: 1.08rem; z-index: 102; top: 13rem; left: 12.5rem;}
.win .button{margin-left: 3rem; position: absolute;  width: 10rem; height: 4rem; top: 20rem; z-index: 102;background-color:rgba(0,0,0,0);}

.level img{
    position: absolute;
    top: 11.7rem;
    left: 13.28rem;
    height: 5rem;
    width: 5.48rem;
    z-index: 103;
}



.alist{
    position: absolute; top: 0rem;
    height: 100%; overflow-y: scroll; width: 16rem;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
}
.alist .item{
    background-image:url('http://lottery.xsyxsc.com/static/images/lotteryListbg.png');
    background-color:  #ad1216;
    background-repeat:no-repeat;
    background-size:16rem 22.2rem;
    padding: 4.52rem 0.4rem 0 0.4rem;
}


.alistbottom img{ height: 2.3rem; width: 16rem;}
.alist .hangdiv{ height: 3.04rem; border-bottom:0.5px solid #f3a290 }
.alist .hangdiv h1{font-size: 15px; color: #fce7e6; height: 1.5rem; line-height: 1.5rem; margin-top: 0.3rem; float: left; width: 13rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.alist .hangdiv .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.alist .hangdiv h2{font-size: 14px; color: #fce7e6; height: 1rem; line-height: 1rem;float: left ;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.alist .hangdiv span{font-size: 12px; color: #f1bcb8; float: right; display: block; margin-top: 0.3rem; }




.loadtop{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.loadtop .toast{
    left: 50%;
    top: 35%;
    margin-left: -1.8rem;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #000;

    position: fixed;
    z-index: 50000;
    width: 3.6rem;
    min-height: 3.6rem;
    top: 13rem;

    background: rgba(40,40,40,.75);
    text-align: center;
    border-radius: 5px;
    color: #fff;
}
.loadtop .toast img{ margin-top:1rem; width: 1.5rem; height: 1.5rem;}