﻿
#national{width:100%; background:url(/images/ju/banner-bg202406.jpg) repeat-y center; height:100%; background-color:#AB0F06;}
.bannertop {
    height:1422px; background:url(/images/ju/banner202406.jpg) no-repeat center;
}
.giftlist {
    width:1132px; height:866px; background:url(/images/ju/giftlist202406.png) no-repeat center; margin:0 auto; margin-top:-580px; position:relative;
}
.giftlist p {
    width:850px; font-size:16px; position:absolute; bottom:180px; left:140px; color:#D74116; font-weight:bold;
}
.giftlist p a,.detail p a {
    color:#0684fc; text-decoration:underline;
}
.choujiang {
    background:url(/images/ju/choujiang-bg202406.png) no-repeat center; width:1132px; height:796px; margin:0 auto; margin-top:80px; position:relative;
}
.choujiang .title {
    width:100px; position:absolute; right:253px; top:250px; color:#fff; font-size:22px; font-weight:bold;
}
.choujiang .guize {
    width:385px; position:absolute; right:120px; top:320px; color:#D74116; font-size:14px; font-weight:bold;
}
.choujiang .guize table {
    width:100%;
}
.choujiang .guize table label {
    width:10px; height:10px; background:#D74116; display:inline-block; transform:rotate(45deg); position:absolute; left:0; top:7px;
}
.choujiang .guize table td:nth-child(2n+1) {
    padding-left:20px; position:relative; padding-bottom:12px;
}
.choujiang .guize table td:nth-child(2n) {
    width:90px; text-align:right; position:relative;
}
.choujiang .guize table a {
    display:inline-block; background:#D74116; width:70px; color:#fff; text-align:center; font-size:12px; border-radius:10px; height:20px; line-height:20px; position:absolute; top:2px; right:0;
}
.choujiang .luckcount {
    position:absolute; width:375px; bottom:110px; left:165px; text-align:center; font-size:14px;color:#D74116; font-weight:bold;
}
.choujiang .luckcount a {
    color:#0684fc;
}
#national .gift{width:375px; height:375px; position:absolute; left:165px; top:238px;}
.gift table {
    border-collapse:collapse; width:360px; height:360px; margin:0 auto; text-align:center;
}
.gift .chouj {
    position:relative;
}

.gift .chouj span {
    display:block; width:100%; position:absolute; bottom:40px; color:#fff; font-size:14px;
}
.gift .lottery-unit img {
    width:100px; height:100px; border:solid 1px #fff;
}

.detail {
    width:1132px; height:1119px; background:url(/images/ju/detail202406.png) no-repeat center; margin:0 auto; margin-top:80px; position:relative;
}

.detail p {
    width:850px;position:absolute; top:205px; left:140px; font-size:16px;
}

.task {
    width:1100px; margin:0 auto;background: linear-gradient(0deg,#ed1044,#fd2d4f); border-radius:50px; margin-top:20px;
}
.task .title {
    height:50px; text-align:center; line-height:50px; color:#fff; font-size:22px; padding-top:20px;
}
.task .list {
    padding: 30px;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(0deg,#df0054,#e30027);
    box-shadow: 1px 2px 16px 0 rgba(222,18,61,.83), inset -6px -5px 9px 0 #ff97ab;
    border-radius: 30px;
    margin: 0 54px;
}
.task .list .item {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
.task .list .item .icon {
    width: 65px;
    margin-right: 20px;
}
.task .list .item .text {
    flex: 1;
}
.task .list .item .count {
    display: inline-block;
    width: 120px;
}
.task .list .item .btn {
    background: linear-gradient(0deg,#ffe8ce,#fbb8a0);
    border-radius: 24px;
    padding: 12px 18px;
    color: #f40000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.task .list .line {
    height: 1px; background: rgb(254, 231, 179); opacity: 0.3; margin: 10px 0px 10px 85px;
}
.task .login {
    text-align:center;
}
.task .login a {
    color:#ffd46d; font-weight:bold; text-decoration:underline;
}
#btnChouJiang {
    width:100px; height:100px; background:url(/images/ju/btnChouJ002.jpg); cursor:pointer;
}

#lottery table td.active{background-color:#ffd46d;}





#login_dl{
position: fixed;
display:none;
top:20%;
left:33%;
width: 416px;
height: 416px;
background:url(../../../images/ju/national_win.png);
z-index:999;
}
#login_dl a{display:inline-block; float:right;}

.logo_exit{height:30px; background: #f2f2f2; margin-bottom:25px; position:relative;}
.logo_exit span{width:11px; height:11px; position:absolute; top:10px; right:20px;}
.logo_exit img{ width:11px; height:11px;}
.msgcou{text-align:center; color:Red; font-weight:bold; line-height:50px; margin-top:200px; font-size:26px;}
.msgcou span{font-size:42px}


#yaoqing{
position: fixed;
display:none;
top:20%;
left:33%;
width: 500px;
height: 200px;
background:#fff;
z-index:999;
}
#yaoqing .closeyq{display:inline-block; float:right; margin:10px 10px 0 0;}
#yaoqing .link {
    text-align:center; color:Red; font-weight:bold; line-height:30px; margin-top:50px; font-size:18px;
}