body{
    width: 100%;
    /* height: 100%; */
    background: url(../images/act-bg.jpg) no-repeat 0 0;
    background-size: cover;
}
/* 头部 */
header{
    width: 100%;
    padding: 3% 4%;
    position: fixed;
    z-index: 10;
    
}
header div{
    font-size: 1.8rem;
    color: white;
}
header div a{
    color: white;
}
.h-text{
    margin-left: 25%;
}
.return{
    font-size: 1.2rem;
    margin-left: 2px;
}

/* 主题内容 */
.activity{
    position: relative;
}

.act-main{
    width: 90%;
    height: 300px;
    margin-top: 400px;
    background: url(../images/act-luck/main.jpg) no-repeat 0 0;
    background-size: cover;
    border-radius: 20px;
    margin-left: 5%;
    margin-right: 5%;
}
.act-main ul{
    display: flex;
    justify-content: space-evenly;
    box-sizing: border-box;
    padding: 7% 5% 0% 5%;
}
.act-main ul li{
    width: 30%;
    height: 80px;
    background: url(../images/act-luck/main-01.jpg) no-repeat 0 0;
    background-size: cover;
    color: red;
    border-radius: 10px;
    padding: 4% 3% 0% 3%;
    box-sizing: border-box;
    text-align: center;
}
.act-main ul li p img{
    width: 100%;
    /* height: 30px; */
    background-size: cover;
    border-radius: 5px;
    padding: 0px;
    margin-bottom: 7px;
}
.act-main ul:nth-child(2){
    margin-top: -4.5%;
    margin-bottom: -4.5%;
}



/* 尾部书写 */
footer{
    margin-top: 8%;
    margin-bottom: 8%;
    text-align: center;
}
footer p img{
    width: 140px;
    background-size: cover;
    border-radius: 10px;
}
.img-one{
    margin-right: 4%;
}

/* 主题内容动画 */

.act-main ul:nth-child(2) li:nth-child(2){
    background: url(../images/gif-01/luck-0001.jpg) no-repeat 0 -1px;
    background-size: cover;
    display: block;
    width: 27%;
    margin-left: 5px;
    margin-right: 5px;
}

.box11{
    animation: box 1s linear infinite;
    background-color: blue;
    background-size: 100px;
    border-radius: 20px;
    margin-bottom: 2px;
    position: relative;
    z-index: 10000;
}
@keyframes box{
    0%{
        background-image: url(../images/gif-01/luck-0000.jpg);
        
    }
    4%{
        background-image: url(../images/gif-01/luck-0001.jpg);
    }
    8%{
        background-image: url(../images/gif-01/luck-0002.jpg);
    }
    12%{
        background-image: url(../images/gif-01/luck-0003.jpg);
    }
    16%{
        background-image: url(../images/gif-01/luck-0004.jpg);
    }
    20%{
        background-image: url(../images/gif-01/luck-0005.jpg);
    }
    24%{
        background-image: url(../images/gif-01/luck-0006.jpg);
    }
    28%{
        background-image: url(../images/gif-01/luck-0007.jpg);
    }
    32%{
        background-image: url(../images/gif-01/luck-0008.jpg);
    }
    36%{
        background-image: url(../images/gif-01/luck-0009.jpg);
    }
    40%{
        background-image: url(../images/gif-01/luck-0010.jpg);
    }
    44%{
        background-image: url(../images/gif-01/luck-0011.jpg);
    }
    48%{
        background-image: url(../images/gif-01/luck-0012.jpg);
    }
    52%{
        background-image: url(../images/gif-01/luck-0013.jpg);
    }
    56%{
        background-image: url(../images/gif-01/luck-0014.jpg);
    }
    60%{
        background-image: url(../images/gif-01/luck-0015.jpg);
    }
    64%{
        background-image: url(../images/gif-01/luck-0016.jpg);
    }
    68%{
        background-image: url(../images/gif-01/luck-0017.jpg);
    }
    72%{
        background-image: url(../images/gif-01/luck-0018.jpg);
    }
    76%{
        background-image: url(../images/gif-01/luck-0019.jpg);
    }
    80%{
        background-image: url(../images/gif-01/luck-0020.jpg);
    }
    84%{
        background-image: url(../images/gif-01/luck-0021.jpg);
    }
    88%{
        background-image: url(../images/gif-01/luck-0022.jpg);
    }
    92%{
        background-image: url(../images/gif-01/luck-0023.jpg);
    }
    94%{
        background-image: url(../images/gif-01/luck-0024.jpg);
    }
    100%{
        background-image: url(../images/gif-01/luck-0000.jpg);
    }
}