body{background-color: #ffffff90;overflow-x: hidden;}
.pop{
    /* width: 750px;
    height: calc(750/458 * 408px); */
    width: 458px;
    height: 408px;
    background: url(../img/bg-pop.png) no-repeat top center/100% 100%;
}
.pop .loginfrm {
    margin: 100px 75px;
}
.pop.poprch {
    background: unset;
    width: 720px;
    height: 420px;
}
.pop .close_poprch {
    position: relative;
    float: right;
    /* margin: 0px 690px; */
}
.pop .popmsgarea {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    width: 360px;
    height: 300px;
    margin: 50px;
}

.popmsgarea .awarded-show {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.popmsgarea .awarded-item {
    width: 160px;
    text-align: center;
}
.pop.lottery-awarded{
    display: block;
    width: 750px;
    max-height: calc(750/458 * 408px);
    background: url(../img/bg-pop.png) no-repeat top center/100% 100%;
}
.lottery-awarded .close_pop{}
.lottery-awarded .title {
    text-align: center;
    font-size: 30px;
}
.lottery-awarded .contents {
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
}
.lottery-awarded  .awarded-line {
    width: 170px;
    height: auto;
    text-align: center;
}
.lottery-awarded .awarded-show{
    max-height: 265px;
    overflow-y: scroll;
    justify-content: space-between;
}
.user-state .user-info {
    font-size: 18px;
    width: 340px;
}
.user_gifts {
    display: none;
}
.wrap{
    z-index: 1;
    position: relative;
}
.wrap.page-1{
    width: 100vw;
    height: 4053px;
    /* width: 1920px; */
    background: url(../img/lottery/bg.jpg) no-repeat top center;
    /* background-image: url(../img/lottery/bg-f1.jpg); */
}
.wrap.page-2{
    width: 100vw;
    height: 4053px;
    /* width: 1920px; */
    background: url(../img/mall/bg.jpg) no-repeat top center;
    /* background-image: url(../img/mall/bg-f.jpg); */
}
.slice{
    width: 100vw;
    max-width: 1200px;
    /* background-color: antiquewhite; */
    margin: 0 auto;
}

.header {
    height: 762px;
}
.header .logo {
    position: absolute;
    top: 40px;
    left: -115px;
    cursor: pointer;
}
.header p{
    text-align: center;
    font-size: 30px;
    line-height: 100px;
}

.nav-wrap {
    width: 100vw;
    max-width: 1920px;
    height: 100px;
    background: url(../img/mall/bg-nav.png)  no-repeat top center;
    position: absolute;
    top: 662px;
    z-index: -1;
}
.nav-groups {
    bottom: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100px;
}
.nav-item{
    background-color: #a38865;
    cursor: pointer;
    /* width:49%; */
    width: calc(50% - 2px);
    margin: 0 auto;
    filter: brightness(0.8);
}
 .nav-item:hover{
    /* background-color: #ffffff5d; */
    filter: brightness(1.0);
 }
 .nav-item.active{
    /* border: #98bee270 solid 1px;
    background-color: #ffffff5d; */
    filter: brightness(1.0);
 }
 .nav-left{background: url(../img/mall/bg-nav-left.png) no-repeat top center/100% 100%;}
 .nav-right{background: url(../img/mall/bg-nav-right.png) no-repeat top center/100% 100%;}
.btn-login {
    position: absolute;
    width: 408px;
    height: 85px;
    bottom: 310px;
    background: url(../img/mall/btn-login.png) no-repeat 0px -200px;
    border: unset;
    border-radius: unset;
}
.slice .btn-login:hover{
    background-position: 0px -100px;
    filter: unset;
}
 .page-1 .btn-login {
    left: 75px;
}
 .page-2 .btn-login{
    right: 95px;
 }
 .hd-rule-pop{
    width: 531px;
    height: 117px;
    background: url(../img/lottery/bg-hd-rule-tips-pop.png) no-repeat top center;

 }
 .hd-rule-pop p {
    padding: 15px;
    font-size: 15px;
    text-indent: 2rem;
    line-height: 30px;
    text-align: left;
    color: #020100;
}
.hd-rule-tips-pop {
    display: none;
    position: absolute;
    top: 60px;
    right: -250px;
    width: 531px;
    height: 117px;
    background: url(../img/lottery/bg-hd-rule-tips-pop.png) no-repeat top center;
}

.tips-close{
    float: right;
    margin-right: 20px;
    font-size: 20px;
    color: red;
    cursor: pointer;
}
.tips-close:hover{
    font-size: 22px;
}
 .section-lottery .title{
    width: 100%;
    margin: 0 auto;
    height: 160px;
    /* background: url(); */
 }
 .section-lottery .hd-time::after{
    content: "a";
    color: #ffffff10;
 }
.sec-title {
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;    
    height: 45px;
}
.hd-rules{
    cursor: pointer;
    text-decoration: underline;
}
.section-lottery .hd-rules{
    font-size: 21px;
}

.server-hot-tips {
    width: 544px;
    height: 115px;
    margin: 0 auto;
    text-align: center;    
    position: relative;
    background: url(../img/lottery/bg-server-hot-tips.png) no-repeat;
}
.server-hot-tip-line {
    position: absolute;
    width: 380px;
    margin: 0 auto;
    bottom: 28px;
    left: 28px;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 4PX;
}
.server-hot-num{
    color: #fffa88;
    font-size: 32px;
}
.current-lottery-stages {
    width: 100%;
    justify-content: space-around;
}
.current-lottery-pool-tips .title {
    text-align: center;
    height: 80px;
    line-height: 85px;
}
.lottery-stage-status{
    height: 36px;
    width: 1096px;
    margin: 00 auto;
}
.lottery-stage-bk {
    height: 100%;
    width: 100%;
    background: url(../img/lottery/bg-lottery-stage-bk.png) no-repeat top center;
    margin-top: 15px;
}
.lottery-stage-press{
    width: 5%;
    height: 100%;
    background:url(../img/lottery/bg-lottery-stage-frt.png) no-repeat 0px 0px;
}
.lottery-stage-flg{
    width: 66px;
    height:66px;
    margin: 0 auto;
    background: url(../img/lottery/bg-flg.png) no-repeat;
    margin-top: -40px;
}
.fired .lottery-stage-flg{
    background: url(../img/lottery/bg-flg-fired.png) no-repeat;
}
.pool-hot-desc{font-size: 22px; color: #fffa88; text-align: center;font-weight: bold;}
.pool-show-img {
    width: 260px;
    height: 286px;
    /* border: yellow dashed thin;position: relative; */
    background: url(../img/lottery/bg-pool-flg-1.png) no-repeat top center;
    filter: brightness(0.8);
}
.pool-show-img:hover {
    filter: brightness(1.0);
}
.fired .pool-show-img{
    filter: brightness(1.0);
}
.pool-show-img-2{
    background: url(../img/lottery/bg-pool-flg-2.png) no-repeat top center;
}
.pool-show-img-3{
    background: url(../img/lottery/bg-pool-flg-3.png) no-repeat top center;
}
.pool-show-img p {
    position: absolute;
    bottom: 0;
    left: 32%;
}

.lottery-show-board {
    width: 100%;
    height: 535px;
    background: url(../img/lottery/bg-lottery-show-board.png) no-repeat top center;
    margin: 0 auto;
    margin-top: 40px;
    justify-content: start;
    padding-top: 88px;
}
.lottery-help {
    position: relative;
    width: 628px;
    height: 388px;
    /* margin-top: 88px; */
    /* border: #7057e0 dashed thin; */
}
.lottery-help-top {
    height: 195px;
    font-size: 22px;
}
.lottery-help-wrap {
    width: 88%;
    height: 80%;
    margin: 0 auto;
    position: relative;
    line-height: 65px;
}
.lottery-help-top p {
    width: 50%;
    height: 50%;
}
.lottery-help-down {
    justify-content: space-around;
    margin-left: 40px;
    height: 180px;
    margin-top: 25px;
}
.lottery-balance{color: #ed562b;}
.line {
    height: 1px;
    width: 91%;
    margin: 0 auto;
    background: linear-gradient(to right, #7c5b5b, orange, #8e8e35, #a6ba2e, #8383c4, #9a52cf, violet);
}

.lottery-board-rotate-plate {
    position: relative;
    width: 405px;
    height: 405px;
    margin-left: 78px;
    margin-top: -10px;
    /* border: yellow dashed thin; */
}

/* lottery style */
.lottery-box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    /* margin-top: 10px; */
    flex-wrap: wrap;
    justify-content: space-between;
}
.lottery-box .lottery-item.active{
    filter: brightness(1.2);
    font-size: 22px;
    font-weight: bolder;
    color: #46600f;
    text-shadow: var(--text-shadow-1);
}
.lottery-item {
    position: relative;
    width: 86px;
    height: 86px;
    /* border: #3b0d7a dashed thin; */
    border-radius: 50%;
    filter: brightness(0.9);
    &:hover {
        filter: brightness(1.2);
    }
    text-align: center;
    font-size: 16px;
}

[class*=lottery-item-]{
    background: url(../img/lottery/lottery-item-2.png) no-repeat 8px 10px;
}
.lottery-item-1{
    background: url(../img/lottery/lottery-item-1.png) no-repeat top center;
}
.lottery-item-8{
    background: url(../img/lottery/lottery-item-8.png) no-repeat 5px 10px;
}
.item-desc{
    width: 106px;
    height: 23px;
    position: absolute;
    bottom: -20px;
    text-align: center;
    color: #fad483;
    font-size: 14px;
    background: #7b6d6d94 url(../img/lottery/bg-lottery-desc.png) no-repeat;
    width: 100%;
    margin: 0 auto;
}
.lottery-line {
    width: 100%;
    height: 33%;
}

.lottery-item-1 {
    transform: translate(25px, 50px);
}

.lottery-item-3 {
    transform: translate(-22px, 43px);
}

.lottery-item-4 {
    transform: translate(-17px, 20px);
}

.lottery-item-5 {
    transform: translate(17px, 20px);
}

.lottery-item-6 {
    transform: translate(22px, -3px);
}

.lottery-item-7 {
    transform: translate(0px, 45px);
}

.lottery-item-8 {
    transform:  translate(-20px, 0px);
}

.circle .lottery-item-1 {
    transform: translate(25px, 50px) rotateZ(-45deg);
}

.circle .lottery-item-3 {
    transform: translate(-22px, 43px) rotateZ(45deg);
}

.circle .lottery-item-4 {
    transform: translate(-17px, 20px) rotateZ(-90deg);
}

.circle .lottery-item-5 {
    transform: translate(17px, 20px) rotateZ(90deg);
}

.circle .lottery-item-6 {
    transform: translate(22px, -3px) rotateZ(-135deg);
}

.circle .lottery-item-7 {
    transform: translate(0px, 45px) rotateZ(180deg);
}

.circle .lottery-item-8 {
    transform: translate(-20px, 0px) rotateZ(135deg);
}

.lottery-button{
    width: 140px;
    height: 140px;
}
.btn-lottery {
    width: 100%;
    margin: 0 auto;
    background: url(../img/lottery/btn-lottery.png) no-repeat;
    height: 100%;
    text-align: center;
    /* margin-left: -4px; */
}

.btn-lottery-enable:hover{
    background-position: 0 -170px;
    filter:brightness(1) grayscale(0);
}
.btn-lottery-enable {
    cursor: pointer;
    background-position: 0px -170px;
}
.btn-lottery-disable {
    cursor: unset;
    background-position: 0 -340px;
}
.btn-lottery-disable:hover{
    filter: unset;
    transform: unset;
}
.lottery-help-top {
    height: 195px;
}
.lottery-help-down .btn{
    width: 170px;
    height: 55px;    
    margin: 0 10px 10px 0;
    border: unset;
}
.btn-imt-lottery,.btn-lotteries-five,.btn-lotteries-showhand{
    display:none
}
.btn-my-awards {
    background: url(../img/lottery/btn-my-awards.png) no-repeat ;
}
.lottery-help-down .btn-recharge{
background: url(../img/lottery/btn-recharge.png) no-repeat;
}
.lottery-help-down .btn-imt-lottery{
background: url(../img/lottery/btn-imt-lottery.png) no-repeat;
}

.lottery-help-down .btn-lotteries-five{
background: url(../img/lottery/btn-lotteries-five.png) no-repeat;
}
.lottery-help-down .btn-lotteries-showhand{
background: url(../img/lottery/btn-lotteries-showhand.png) no-repeat;
}

 .hd-rule-lottery .title::after, .hd-rules::after {
    position: absolute;
    content: " ";
    background: url(../img/rule-flg.png);
    width: 35px;
    height: 35px;
    display: inline-block;
}
 .hd-rules::after {
    margin-left: 2px;
    margin-top: -2px;
 }
.hd-rule-lottery .title::after{    
    margin-left: -10px;
    margin-top: 22px;
}

.hd-rule-lottery-details {
    display: none;
    position: fixed;
    width: 826px;
    height: 236px;
    background-size: 100% 100%;
    z-index: 10;
    left: 25vw;
    top: 30vh;
}

.guild-item{
    width: 531px;
    height: 117px;
    background: url(../img/lottery/bg-hd-rule-tips-pop.png) no-repeat;
}
.lottery-chance-guilds {
    width: 100%;
    margin: 0 auto;
    padding-top: 4px;padding-bottom: 126px;
}
.btn-guild{
    width: 129px;
    height: 51px;
    background: url(../img/lottery/btn-guild.png) no-repeat top center;
        margin-top: 35px;
}
.btn-guild:hover{
    background: url(../img/lottery/btn-guild-act.png) no-repeat top center;
}
.guild-item .left p{color: #662e12; padding-top: 20px;}
.guild-item .left p:nth-child(1){
    font-size: 24px;
}
.guild-item .left p:nth-child(2){
    font-size: 16px;
}
.server-online .title {
    height: 90px;
    width: 100%;
    margin: 0 auto;
    font-size: 26px;
     line-height: 136px;
    font-weight: bold;
}
.time-line {
    position: relative;
    width: 100%;
    margin: 0 auto;flex-wrap:nowrap;
}
.timeline-desc {
    position: absolute;
    bottom: 60px;
    text-align: center;
    font-size: 28px;
    left: 97px;
    width: 160px;
    height: auto;
    color: #f7d5a7;
}
.time-line .start{
    width: 232px;
    height: 262px;
    background: url(../img/lottery/bg-time-line-start.png) no-repeat top center;
    margin-left: 55px;
}
.time-line .right{    width: 910px;
    position: relative;
}
.time-line .press-bk {
    position: absolute;
    width:100%;
    height: 36px;
    background: url(../img/lottery/bg-lottery-stage-bk.png) no-repeat top center/100% 100%;
    margin-top: 80px;
    margin-left: -30px;
}
.time-line .press-fnt {
    width: 6%;
    height: 36px;
    background: url(../img/lottery/bg-lottery-stage-frt.png) no-repeat;
}
.btn-online,.btn-online-f{
    width: 125px;
    height: 43px;
    background: url(../img/lottery/bg-online-f.png) no-repeat;
    margin-top: 5px;
}
.fired .btn-online{
    background: url(../img/lottery/bg-online-t.png) no-repeat;
}

.online-stage, [class^=online-stage-]{
    width: 145px;
    height: 145px;
    position: relative;
}
[class^=online-stage-]{
    filter: grayscale(0.4);
}

.fired [class^=online-stage-]{filter: grayscale(0); }
.online-stages {width: 100%;
        margin-top: 25px;
    margin-left: -30px;
}
.online-stage-1{
    background: url(../img/lottery/bg-online-stage-1.png) no-repeat;
}
.online-stage-2{
    background: url(../img/lottery/bg-online-stage-2.png) no-repeat;
}
.online-stage-3{
    background: url(../img/lottery/bg-online-stage-3.png) no-repeat;
}

.special-sale-pool .desc{
    text-align: center;
}

.lottery-specail-card{
    width: 381px;
    height: 542px;
    margin: 0 auto;
    text-align: center;position: relative;
}
.lottery-specail-card-1{
    background: url(../img/mall/lottery-specail-card-1.png) no-repeat;
}
.lottery-specail-card-2{
    background: url(../img/mall/lottery-specail-card-2.png) no-repeat;
}
.lottery-specail-card-3{
    background: url(../img/mall/lottery-specail-card-3.png) no-repeat;
}
.btn-special-buy{
    width: 170px;
    height: 56px;
    margin: 0 auto;
    background: url(../img/mall/btn-specail-buy.png) no-repeat;position: absolute;
    bottom: 40px;
    left: 95px;    line-height: 60px;    border: unset;
}
.btn-special-buy::after {
    content: "";
    display: block;
    position: relative;
    width: 82px;
    height: 82px;
    margin: -100px 0px 0 136px;
}
.lottery-specail-card-1 .btn-special-buy::after{
    background: url(../img/mall/flg-btn-specail-buy-1.png) no-repeat;
}
.lottery-specail-card-2 .btn-special-buy::after{
    background: url(../img/mall/flg-btn-specail-buy-2.png) no-repeat;
}
.lottery-specail-card-3 .btn-special-buy::after{
    background: url(../img/mall/flg-btn-specail-buy-3.png) no-repeat;
}
.btn-special-buy:hover{
    background-position: 0px 0px;
}
.btn-back-to-top{
    width: 314px;
    height: 78px;
    background: url(../img/mall/btn-back-top.png) no-repeat top center;    
    margin: 0 auto;
    margin-top: 75px;
    background-position: 0px -202px;
}
.btn-back-to-top:hover{
    background-position: 0px 0px;
}
.section-lottery,.section-mall{display:none;}
.section-lottery.show,.section-mall.show{display:block;}

/* mall start*/
.section-mall .title {
    width: 100%;
    height: 150px;
}
.section-mall .sec-title{
    font-size: 18px;
    color: #fefefe;
    text-align: center;line-height: 60px;
}
.mall-item{
    width: 343px; 
    height: 364px; 
    text-align: center;
    padding-top: 15px;
    position: relative;
}

.mall-item-1{
    background: url(../img/mall/bg-mall-item-1.png) no-repeat top center;
}
.mall-item-2{
    background: url(../img/mall/bg-mall-item-2.png) no-repeat top center;
}
.mall-item-3{
    background: url(../img/mall/bg-mall-item-3.png) no-repeat top center;
}
.mall-item-4{
    background: url(../img/mall/bg-mall-item-4.png) no-repeat top center;
}
.mall-item-5{
    background: url(../img/mall/bg-mall-item-5.png) no-repeat top center;
}
.mall-item-6{
    background: url(../img/mall/bg-mall-item-6.png) no-repeat top center;
}
.mall-item-7{
    background: url(../img/mall/bg-mall-item-7.png) no-repeat top center;
}
.mall-item-8{
    background: url(../img/mall/bg-mall-item-8.png) no-repeat top center;
}
.mall-item-9{
    background: url(../img/mall/bg-mall-item-9.png) no-repeat top center;
}
.btn-mall-buy{
    width: 174px;
    height: 50px;
    background: url(../img/mall/btn-mall-buy.png) no-repeat 0px 0px;
    position: absolute;
    bottom: 35px;
    left: 80px;
}
.hd-rule-lottery-details ul{
    ;
}
.hd-rule-lottery-details p{
    line-height: 15px;
}
.sale-pool {
    margin-top: 58px;
    width: 1045px;
    margin-left: 50px;
}
.section-mall .lottery-specail-cards{justify-content: center;}
.section-mall .desc{
    color: #fefefe;
}
.users-rank .hd-time {
    text-align: center;
    font-size: 21px;
    color: #ffffff;
}

.ranke-boards {
    width: 1096px;
    margin: 0 auto;
    height: 510px;
    padding-top: 65px;
}
.ranke-boards .left {
    width: 186px;
    font-size: 15px;
    color: #feeecc;    float: left;
}
.ranke-boards .left .award-rules{
    font-size: 20px;
    text-align: center;padding-top: 45px;
}
.ranke-boards .right {
    width: 784px;
    float: left;
    margin-left: 57px;    margin-top: 10px;
}
.ranke-boards .left ul{
    width: 180px;
    line-height: 28px;
    list-style: none;
    padding-left:   10px;
    padding-top: 10px;
}
.ranke-board {
    width: 50%;
}
.server-consume-rank .tab-rank{
    width: 386px;
    height: 453px;
    background: url(../img/mall/bg-ranke-users.png) no-repeat;
}
.ranke-board-title{
    font-size: 20px;
    color: #46600f;
    text-align: center;
    font-weight: bolder;    padding-bottom: 8px;
}
.server-consume-rank-gifts .tab-rank-gifts{
    width: 386px;
    height: 453px;
    background: url(../img/mall/bg-ranke-gifts.png) no-repeat;
}
.server-consume-rank-gifts {
    margin-left: 8px;
}
.ranke-board thead th {
    font-size: 15px;
    color: #97382e;
    text-align: center;line-height: 35px;
}
.tab-rank-gifts th:nth-child(1){
    width: 102px;
}
/* .col-1{text-align: center;} */

.section-mall .btn-back-to-top{
    margin-top: 166px;
}
.tab-rank td,.tab-rank-gifts td{ text-align: center;}
.server-consume-rank .tab-rank tbody tr:nth-child(1){
    background: url(../img/mall/bg-user-ranke-1.png) no-repeat;
}.server-consume-rank .tab-rank tbody tr:nth-child(2){
    background: url(../img/mall/bg-user-ranke-2.png) no-repeat;
}.server-consume-rank .tab-rank tbody tr:nth-child(3){
    background: url(../img/mall/bg-user-ranke-3.png) no-repeat;
}

.ranke-gift-show-1 span {
    width: 40px;
    height: 40px;
    background: url(../img/mall/bg-ranke-gift-1.png) no-repeat 0px 0px;
    border-radius: 50%;    
    position: relative;
    display: block;
}
.ranke-gift-show-2 span {
    width: 40px;
    height: 40px;
    background: url(../img/mall/bg-ranke-gift-2.png) no-repeat -45px 0px;
    border-radius: 50%;
}
.ranke-gift-show-2 span::after{
    content: attr(title) "x" attr(data-num);
    color: #46600f;
    font-size: 12px;
    position: absolute;
    margin: 18px 0 0 25px;
    display: inline-block;
}

.ranke-gift-show-1 span::after {
    content: "x" attr(data-num);
    color: #46600f;
    font-size: 12px;
    position: absolute;
    margin: 18px 0 0 25px;
    display: inline-block;
}
.ranke-gift-show-1,.ranke-gift-show-2 {
    width: 85%;
    margin: 0 auto;
}

.tab-rank-gifts tbody tr:nth-child(1)::after {
    width: 107px;
    height: 26px;
    content: " ";
    position: absolute;
    display: inline-block;
    background: url(../img/mall/flg-ranke-gift-1.png) no-repeat;
    margin-left: -22px;
}
.tab-rank-gifts tbody tr:nth-child(2)::after {
    width: 107px;
    height: 26px;
    content: " ";
    position: absolute;
    display: inline-block;
    background: url(../img/mall/flg-ranke-gift-2.png) no-repeat;
    margin-left: -22px;
}
.tab-rank-gifts tbody tr:nth-child(3)::after {
    width: 107px;
    height: 26px;
    content: " ";
    position: absolute;
    display: inline-block;
    background: url(../img/mall/flg-ranke-gift-3.png) no-repeat;
    margin-left: -22px;
}

.tab-rank-gifts tbody tr td:nth-child(1)::after {
    width: 36px;
    height: 38px;
    content: " ";
    position: absolute;
    display: inline-block;
    margin: -10px 0px 0px -20px;
}
.tab-rank-gifts tbody tr:nth-child(1) td:nth-child(1)::after {
    background: url(../img/mall/avt-ranke-gift-1.png) no-repeat;
}
.tab-rank-gifts tbody tr:nth-child(2) td:nth-child(1)::after{
    background: url(../img/mall/avt-ranke-gift-2.png) no-repeat;
}
.tab-rank-gifts tbody tr:nth-child(3) td:nth-child(1)::after{
    background: url(../img/mall/avt-ranke-gift-3.png) no-repeat;
}

.guild-stage-task.last::after {
    content: "";
    color: red;
    position: relative;
    display: inline-block;
    background: url(../img/rule-flg.png) no-repeat -7px -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    filter: drop-shadow(2px 4px 6px red) opacity(0.6);
}
.user-rank-rule-detail {
    display: none;
    width: 828px;
    height: 210px;
    position: absolute;
    background: url(../img/lottery/bg-hd-rule-tips-pop.png) no-repeat top center/100% 100%;
    font-size: 18px;
    line-height: 30px;
    left: 12.5vw;
    z-index: 10;
    text-indent: 1rem;
}
.user-rank-rule-detail ul {
    padding: 25px 10px;
}