.slide-2 {
    background: #feebc1;
    .item-block1 {
        top: 25px;
        width: 100%;
        height: 119px;
        left: 0;
        background: url(http://static.leanote.top/x-resource/dzs/images/2/1.png) no-repeat;
        background-size: 288px 100%;
        background-position: 16px top;
    }
    .item-block2 {
        top: 110px;
        width: 100%;
        height: 268px;
        left: 0;
        background: url(http://static.leanote.top/x-resource/dzs/images/2/2.png) no-repeat;
        background-size: 288px 100%;
        background-position: 16px top;
        .item-tip1 {
            z-index: 2;
            position: absolute;
            width: 60px;
            height: 79px;
            left: 25px;
            top: 25px;
            background: url(http://static.leanote.top/x-resource/dzs/images/2/7.png) no-repeat;
            background-size: 100% 100%;
        }
        .item-tip2 {
            z-index: 1;
            position: absolute;
            width: 61px;
            height: 54px;
            left: 20px;
            top: 136px;
            background: url(http://static.leanote.top/x-resource/dzs/images/2/5.png) no-repeat;
            background-size: 100% 100%;
        }
        .item-tip3 {
            z-index: 0;
            position: absolute;
            width: 130px;
            height: 72px;
            right: 60px;
            top: 75px;
            background: url(http://static.leanote.top/x-resource/dzs/images/2/6.png) no-repeat;
            background-size: 100% 100%;
            background-position: right bottom;
        }
        .item-tip4 {
            z-index: 0;
            position: absolute;
            width: 25px;
            height: 25px;
            right: 50px;
            top: 150px;
            background: url(http://static.leanote.top/x-resource/dzs/images/2/4.png) no-repeat;
            background-size: 100% 100%;
            background-position: right bottom;
        }
        .item-tip5 {
            z-index: 0;
            position: absolute;
            width: 25px;
            height: 25px;
            right: 20px;
            top: 150px;
            background: url(http://static.leanote.top/x-resource/dzs/images/2/3.png) no-repeat;
            background-size: 100% 100%;
            background-position: right bottom;
        }
    }
    .item-block3 {
        top: 381px;
        width: 100%;
        height: 105px;
        left: 0;
        background: url(http://static.leanote.top/x-resource/dzs/images/2/8.png) no-repeat;
        background-size: 288px 100%;
        background-position: 16px top;
        .item-tip1 {
            z-index: 2;
            position: absolute;
            width: 122px;
            height: 35px;
            left: 50%;
            top: 50%;
            margin: -17px 0 0 -61px;
            background-image: url(http://static.leanote.top/x-resource/dzs/images/2/10.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .item-tip2 {
            z-index: 1;
            position: absolute;
            width: 57px;
            height: 50px;
            right: 35px;
            top: -22px;
            background: url(http://static.leanote.top/x-resource/dzs/images/2/11.png) no-repeat;
            background-size: 100% 100%;
        }
    }
    .item-block3.bg-change {
        animation: bg-change 0.5s infinite linear;
    }
}

@keyframes bg-change {
    0% {
        background-image: url(http://static.leanote.top/x-resource/dzs/images/2/8.png);
    }
    50% {
        background-image: url(http://static.leanote.top/x-resource/dzs/images/2/9.png);
    }
    100% {
        background-image: url(http://static.leanote.top/x-resource/dzs/images/2/8.png);
    }
}


@keyframes yaoayao {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}