.slide-5 {
    background: #feebc1;
    .item-block1 {
        top: 25px;
        width: 100%;
        height: 481px;
        right: 0;
        background: url(http://static.leanote.top/x-resource/dzs/images/5/1.jpg) no-repeat;
        background-size: 300px 100%;
        background-position: 10px top;
        .item-tip1 {
            z-index: 2;
            position: absolute;
            width: 118px;
            height: 96px;
            right: 16px;
            bottom: 128px;
            background: url(http://static.leanote.top/x-resource/dzs/images/5/2.png) no-repeat;
            background-size: 100% 100%;
        }
        .item-tip2 {
            z-index: 1;
            position: absolute;
            width: 120px;
            height: 83px;
            left: 35px;
            bottom: 10px;
            background: url(http://static.leanote.top/x-resource/dzs/images/5/3.png) no-repeat;
            background-size: 100% 100%;
        }
        .item-tip3 {
            z-index: 10;
            position: absolute;
            width: 101px;
            height: 80px;
            left: 28px;
            top: 384px;
            background: url(http://static.leanote.top/x-resource/dzs/images/5/4.png) no-repeat;
            background-size: 100% 100%;
            background-position: right bottom;
        }
        .item-tip4 {
            display: none;
            z-index: 0;
            position: absolute;
            width: 298px;
            height: 209px;
            left: 10px;
            top: 10px;
            background: url(http://static.leanote.top/x-resource/dzs/images/5/5.png) no-repeat;
            background-size: 100% 100%;
            background-position: right bottom;
        }
        .item-tip5 {
            display: none;
            z-index: 3;
            position: absolute;
            width: 90px;
            height: 76px;
            left: 120px;
            top: 102px;
            background: url(http://static.leanote.top/x-resource/dzs/images/5/6.png) no-repeat;
            background-size: 100% 100%;
            background-position: right bottom;

        }
        .item-tip5.board-box-shake {
            animation: board-box-shake 0.5s infinite linear;
        }
    }

    .item-award {
        display: none;
        position: absolute;
        left: 32px;
        top: 83px;
        width: 257px;
        height: 310px;
        background: url(http://static.leanote.top/x-resource/dzs/images/5/8.png) no-repeat;
        background-size: 100% 100%;
        z-index: 104;
        .item-close {
            position: absolute;
            width: 40px;
            height: 40px;
            left: 215px;
            top: 150px;
        }
        .item-cdk-input {
            position: absolute;
            width: 189px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            left: 35px;
            top: 203px;
            background-color: rgba(0,0,0,0.01);
            border: 0 none;
            font-family: 'Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
        }
    }

    .item-mask {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 100;
    }
}


@keyframes board-box-shake {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-8deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(8deg);
    }
    100% {
        transform: rotate(0deg);
    }
}