@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style:none;}
html{font-size:10.33333vw;}
.app{box-sizing:border-box;padding-top: 1rem;min-height:100vh;background:#fff;}
.app.nohead{padding-top:0;}
.app.nofoot{padding-bottom:0;}
@media screen and (min-width:769px){
	html{font-size:50px;}
	.app{margin:0 auto;width:500px;}
}

body{background:#f8f8f8;color:#000;font-size:.32rem;}
form,input,textarea{outline:0;font-size:100%;font-family:inherit;resize:none;}
::-webkit-input-placeholder{color:#757575;}
img,video{max-width:100%;border:none;vertical-align:middle;}
a{color:inherit;text-decoration:none;}
button,image,input,label,textarea{box-sizing:border-box;}
.basis10{flex-basis:10%;}
.basis16{flex-basis:16.66%;}
.basis18{flex-basis:18%;}
.basis20{flex-basis:20%;}
.basis25{flex-basis:25%;}
.basis33{flex-basis:33.33%;}
.basis40{flex-basis:40%;}
.basis50{flex-basis:50%;}
.basis100{flex-basis:100%;}
.margin-t10{margin-top:.2rem;}
.padding10{padding:.2rem;}
.padding15{padding:.3rem;}
.padding20{padding:.4rem;}
.padding-lem{padding-left:1em;}
.border-t{border-top:solid 1px #c4c4c4;}
.border-b{border-bottom:solid 1px #c4c4c4;}
.text-center{text-align:center;}
.text-red{color:#d80011;}
.text-blue{color:#0068b7;}
.text-14{font-size:.28rem;}
.bg-grey{background:#f0f0f0;}
.tit1{padding:0 .3rem;height:1rem;background:#d80011;color:#fff;font-weight:700;font-size:.38rem;line-height:1rem;}
.more1{padding:.4rem 0 .5rem 0;color:#d80011;text-align:center;}

.ui-icon {font-weight: 700;font-size: .5rem;}
/*==================
       　头部
====================*/
.header{position:fixed;top:0;z-index:9;display:flex;box-sizing:border-box;padding: 0 .2rem;width:100%;height: 1rem;border-bottom:solid 1px #c4c4c4;background:linear-gradient(180deg,#fff,#fefefe 60%,#f0f0f0 90%,#fff);justify-content:space-between;align-items:center;}
.header .logo{height: 1rem;}
.header .logo img{width:auto;height: 90%;}
.header .login a{color:#d80011}
.header .login a:after{display:inline-block;margin:0 .2rem;width:1px;height:.32rem;background:#c3c3c3;content:"";vertical-align:middle}
.header .login a:last-child:after{display:none;margin:0}
@media screen and (min-width:768px){
	.header{max-width:500px;}
}

/*==================
       　公告
====================*/
.notice-wrap{padding:0 .2rem;}
.open-notice{margin-top: .1rem;margin-bottom: .2rem;padding: .2rem .2rem;background:#fff6e4;}
.open-notice .tit{color:#946405;font-weight:700;font-size:.36rem;}
.open-notice .text{padding:.1rem 0;color:#595757;line-height:1.6;}
.open-notice .more{color:#d80011;text-align:right;font-size:.4rem;}

/*==================
       　开奖
====================*/
.lotto-wrap{background:#f0f0f0;}
.lotto{background:#fff;}
.lotto .tit{display:flex;padding:.1rem .2rem;border:solid 1px #d80011;border-radius:.1rem .1rem 0 0;background:#ffc9c9;align-items:center;}
.lotto .tit .l{color:#d80011;}
.lotto .tit .m{position:relative;padding-right:.2rem;text-align:right;flex:1;}
.lotto .tit .m:after{position:absolute;top:0;right:0;bottom:0;display:inline-block;margin:auto;width:1px;height:.5rem;background:#d80011;content:"";}
.lotto .tit .r{padding-right:.2rem;padding-left:.2rem;color:#d80011;line-height:1.2;}
.lotto .time{border:solid 1px #c3c3c3;border-top:0;border-bottom:solid 1px #dcdcdc;}
/*倒计时*/
.count{display:flex;margin-top:10px;margin-left:13%;vertical-align:top;text-align:center;}
.count .num{display:flex;vertical-align:top;}
.count .num span{display:inline-block;margin-right:.14rem;width:.9rem;height:1.3rem;border:solid 1px #d0d0d0;border-radius:.1rem;font-weight:700;font-size:.96rem;line-height:1.rem;}
.count .division{font-size:1rem;line-height:1.rem;}
.count .division span{margin-right:.14rem;}
.lotto .time{position:relative;}
.lotto .time .bar{display:flex;margin-top:.3rem;align-items:center;}
.lotto .time .bar .l{display:flex;color:#fff;flex:1;}
.lotto .time .bar .l span{display:inline-block;margin-right:.2rem;height:.66rem;background-size:100% 100%!important;text-align:center;line-height:.66rem;}
.lotto .time .bar .l span.btn-verify{width:1.75rem;background:url(btn-live.png) 0 0 no-repeat;}
.lotto .time .bar .l span.btn-live{width:1.5rem;background:url(btn-verify.png) 0 0 no-repeat;}
/*即时开奖验证*/
.verify{position:absolute;top:2.7rem;left:.7rem;box-sizing:border-box;padding:.4rem;width:7rem;border-radius:.1rem;background:#fff;box-shadow:0 0 .3rem #999;}
.verify:after,.verify:before{position:absolute;top:-.3rem;left:.6rem;display:inline-block;width:0;height:0;border-right:.2rem solid transparent;border-bottom:.3rem solid rgba(0,0,0,.3);border-left:.2rem solid transparent;content:"";}
.verify:before{top:-.28rem;z-index:1;border-bottom:.3rem solid #fff;}
.verify .verify-tit{display:flex;margin-bottom:.3rem;color:#d80011;font-weight:700;font-size:.36rem;align-items:center;}
.verify .verify-tit img{margin-right:.1rem;height:1.5em;}
.verify .verify-text{line-height:1.5;}
.lotto .bd{padding:.2rem;border:solid 1px #c3c3c3;border-top:0;border-bottom:solid 1px #dcdcdc;}

.lottos{padding:0 .3rem;border-top:solid 1px #c4c4c4;}
.lottos-t{padding:.4rem 0;border-bottom:solid 1px #c4c4c4;}
.lottos-t .tit{margin-bottom:.2rem;padding-left:.1rem;color:#999;font-size:.42rem;}
.lottos-b{padding:.4rem 0;}
.lottos-b .tit{margin-bottom:.3rem;}

/*==================
       首页图片
====================*/
.indeximg .indeximg-head{overflow:hidden;width:100%;border-top:solid 1px #c3c3c3;border-bottom:solid 1px #dcdcdc;}
.indeximg .indeximg-head .swiper-slide{padding:.4rem .3rem;width:auto;}
.indeximg .indeximg-head .swiper-slide.active{color:#d80011;font-weight:700;}
.indeximg .indeximg-body{padding:.3rem;background:#f0f0f0;column-count:2;column-gap:.2rem;}
.indeximg .indeximg-body .item{padding-bottom:.2rem;}
.indeximg .indeximg-body .item img{border-radius:.1rem .1rem 0 0;}
.indeximg .indeximg-body .item span{display:block;height:.8rem;border-radius:0 0 .1rem .1rem;background:#fff;text-align:center;line-height:.8rem;}

/*==================
       首页列表
====================*/
.indexlist{}
.indexlist .tit{padding:.3rem;border-top:solid 1px #c3c3c3;border-bottom:solid 1px #dcdcdc;color:#d80011;text-align:center;font-weight:700;font-size:.36rem;}
.indexlist .bd{background:#f0f0f0;}
.indexlist .bd ul{display:flex;padding:.2rem;flex-wrap:wrap;}
.indexlist .bd ul li{flex-basis:33.33%;}
.indexlist .bd ul li span{display:flex;box-sizing:border-box;margin:.1rem;height:.8rem;border:solid 1px #c3c3c3;border-radius:.1rem;background:#fff;text-align:center;align-items:center;justify-content:center;}
.indexlist:last-child {
    margin-bottom: 100px !important;
}
/*==================
       底部菜单
====================*/
.tabbar{position:fixed;bottom:0;z-index:9;display:flex;width:100%;height:1.6rem;border-top:solid 1px #d8d8d8;background:#0068b7;color:#fff;}
.tabbar .item{position:relative;display:flex;border-right:solid 1px #fff;flex-basis:20%;align-items:center;flex-direction:column;justify-content:center;}
.tabbar .item img{margin-bottom:.06rem;width:.7rem;height:.7rem;}
.tabbar .item:last-child{border-right:0;}
.tabbar .item.active{background:#d80011;}
@media screen and (min-width:768px){
	.tabbar{max-width:500px;}
}

/*==================
       菜单切换
====================*/
.tabnav{display:flex;overflow:hidden;width:100%;height:1rem;border-top:solid .1rem #f0f0f0;border-bottom:solid .1rem #f0f0f0;color:#fff;text-align:center;font-size:.38rem;line-height:1rem;}
.tabnav div{display:flex;background:#0068b7;align-items:center;justify-content:center;}
.tabnav div.active{position:relative;background:#d80011;color:#ff0;}
.tabnav div.active i{position:absolute;top:0;left:0;display:flex;width:.9rem;height:1rem;color:#fff;font-size:.7rem;align-items:center;justify-content:center;}
.tabnav.line2{height:1.4rem;line-height:1.2;}
.tabnav.line2 span{display:flex;height:1.4rem;justify-content:center;align-items:center;}
.tabnav.enter{border-top:0;border-bottom-color:#fff;}
.tabnav.enter div.macao{background:#22ac38;}
.tabnav.enter div.hongkong{border-left:solid .1rem #fff;background:#00a0e9;}
.tabnav.enter span{display:inline-block;margin-right:.2rem;width:.6rem;height:.6rem;background-size:.6rem auto!important;}
.tabnav.enter div.active span{background-position:bottom center!important;}
.tabnav.enter div.macao span{background:url(macao.png) top center no-repeat;}
.tabnav.enter div.hongkong span{background:url(hongkong.png) top center no-repeat;}

/*==================
       　搜索
====================*/
.search{display:flex;padding:.3rem;align-items:center;}
.search .l{font-size:.46rem;flex:1;}
.search .r{display:flex;width:4.6rem;border:solid 1px #e0e0e0;border-radius:.1rem;align-items:center;}
.search .r input{box-sizing:border-box;padding-left:.2rem;width:100%;height:.8rem;border:0;background:0 0;color:#757575;font-size:.36rem;}
.search .r i{padding:.2rem;color:#d80011;}

/*==================
       　无数据
====================*/
.no-more{padding:.5rem 0;width:100%;background:#f0f0f0;color:#c5c3c3;text-align:center;}
.no-more.nobg{background:0 0;}
.no-more:after,.no-more:before{display:inline-block;width:2rem;height:1px;background:#e2e1e1;content:"";vertical-align:middle;}
.no-more:before{margin-right:.4rem;}
.no-more:after{margin-left:.4rem;}
.more-load{padding:.5rem 0;color:#d80011;text-align:center;}

/*==================
       　内容
====================*/
.title{margin-bottom:.2rem;padding:.3rem 0;text-align:center;font-weight:400;font-size:.52rem;}
.content{font-size:.36rem;line-height:1.8;}
.content table{margin-top:.3rem;border-collapse:collapse;text-align:center;}
.content table th{box-sizing:border-box;padding:.2rem;border:solid 1px #ccc;font-weight:400;}
.content table td{box-sizing:border-box;padding:.2rem;border:solid 1px #ccc;}
.about-intro{margin:0 .4rem;padding:.8rem 0;border-bottom:solid 1px #e3e3e3;font-size:.34rem;line-height:1.5;}
.contact{margin-top:.6rem;padding:.4rem 0 .2rem 0;border-top:solid 1px #e3e3e3;text-align:center;}
.contact img{height:2.4em;}
.pre-next{margin-top:.5rem;font-size:.34rem;}
.pre-next .item{overflow:hidden;margin-bottom:.2rem;padding:.3rem;background:#f4f4f4;text-overflow:ellipsis;white-space:nowrap;}
.pre-next .item span{color:#d80011;}
.pre-next {}

/*==================
       　资料
====================*/
.data-list{padding:.2rem .4rem;}
.data-list .item{display:flex;padding:.3rem 0;border-bottom:solid 1px #ededed;align-items:center;}
.data-list .item .l{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.38rem;flex:1;flex-direction:column;}
.data-list .item .r{padding-left:.2rem;}
.data-list .item .r i{color:#999;font-size:.6rem;}

/*==================
       　图库
====================*/
/*右侧列表*/
.right-word{position:fixed;top:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;}
.right-word ul{width:.6rem;text-align:center;text-transform:uppercase;font-size:.28rem;}
.right-word ul li{width:.6rem;height:.4rem;line-height:.4rem;}
/*图片列表*/
.tuku-list{padding:.3rem .6rem .3rem .3rem;}
.tuku-tit{margin-bottom:.1rem;color:#d80011;font-weight:700;font-size:.4rem;}
.tuku-bd{margin-bottom:.3rem;}
.tuku-bd .item{display:flex;padding:.2rem 0;border-bottom:solid 1px #ededed;align-items:center;}
.tuku-bd .item .img{margin-right:.2rem;}
.tuku-bd .item .img img{width:.8rem;height:.8rem;}
.tuku-bd .item .text{font-size:.38rem;flex:1;}
.tuku-bd .item .num{padding:.1rem .2rem;border-radius:.1rem;background:#f0f0f0;color:#999;}
/*年份列表*/
.year{overflow:hidden;width:100%;border-bottom:solid 1px #dcdcdc;}
.year .swiper-wrapper{padding:.2rem 0;}
.year .swiper-slide{margin-left:.2rem;padding:.1rem .3rem;width:auto;border-radius:1rem;background:#f0f0f0;}
.year .swiper-slide:last-child{margin-right:.2rem;}
.year .swiper-slide.active{background:#d80011;color:#fff;}
/*期数列表*/
.period{position:relative;display:flex;padding-right:.2rem;align-items:center;justify-content:space-between;}
.period .l{display:flex;overflow:hidden;width:7.36rem;}
.period .l .item{position:relative;box-sizing:border-box;padding:.3rem 0;width:25%;max-width:25%;text-align:center;flex:1 0 auto;}
.period .l .item.active{color:#d80011;}
.period .l .item:after{position:absolute;top:0;right:0;bottom:0;display:inline-block;margin:auto;width:1px;height:.32rem;background:#ddd;content:"";}
.period .l .item:nth-child(4):after{display:none;}
.period .r span{display:block;padding:0 .2rem;height:.6rem;border-radius:1rem;background:#d80011;color:#fff;line-height:.6rem;}
.period .r span i{margin-left:.1rem;}
.period-open{position:absolute;top:1rem;left:0;z-index:1;display:flex;overflow-y:scroll;box-sizing:border-box;padding:.2rem;width:100%;max-height:40vh;background:#fff;box-shadow:0 .1rem .1rem rgba(0,0,0,.1);flex-direction:row;flex-wrap:wrap;}
.period-open::-webkit-scrollbar{width:0;}
.period-open .item{box-sizing:border-box;padding:.1rem;width:25%;text-align:center;}
.period-open .item span{display:block;height:.6rem;border:solid 1px #c3c3c3;border-radius:.1rem;line-height:.6rem;}
.period-open .item.active{border-color:#d80011;color:#d80011;}
.image-box {
    padding: 5px 10px 5px 10px;
    text-align: center;
}

    .image-box .image-content {
        position: relative;
    }

        .image-box .image-content img {
            width: 100%;
            height: auto;
            cursor: zoom-in;
        }
.operate{display:flex;padding:.4rem 0;}
.operate .item{text-align:center;flex-basis:25%;}
.operate .item i{margin-right:.1rem;}
.operate .item.active i{color:#d80011;}

/* 下载图片 */
.pic-down {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(down-pic.png) center center no-repeat rgba(0,0,0,.7);
    background-size: 20px auto;
    color: #fff;
}

/*==================
       　广告
====================*/
.advert-box{padding: 5px 5px 5px 5px;background-color:#fff;}
.advert-box .advert-item{float:left;overflow:hidden;box-sizing:border-box;margin-top:-1px;height:35px;border:1px solid #ff7e00;color:#ff7e00;line-height:30px;}
.advert-box .advert-item.col1-1{width:100%;}
.advert-box .advert-item.col2-1{width:50%;}
.advert-box .advert-item.col4-1{width:25%;}
.advert-box .advert-item.col4-3{width:75%;}
.advert-box .advert-item dl{position:relative;}
.advert-box .advert-item dd,.advert-box .advert-item dt{box-sizing:border-box;}
.advert-box .advert-item dt{position:absolute;left:0;height:35px;}
.advert-box .advert-item dd{height:35px;}
.advert-box .advert-item dt img{width:33px;height:33px;}
.advert-box .advert-item dd a{display:block;width:100%;background-color:#fff;color:#ff7e00;text-align:center;font-size:15px;}