.slide-3 {
    background-color: #feebc1;
    .item-block1 {
        top: 25px;
        width: 288px;
        height: 465px;
        left: 16px;
        background: url(http://static.leanote.top/x-resource/dzs/images/3/1.jpg) no-repeat;
        background-size: 288px 100%;
        background-position: 0 top;

        .item-btn1 {
            position: absolute;
            top: 7px;
            right: 8px;
            width: 62px;
            height: 26px;
        }
    }

    .p-item {
        display: block;
        color: red;
        text-align: center;
        line-height: 23px;
    }
    .item-tip1 {
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 13px;
        left: 0px;
        top: 0px;
        outline: 0px solid red;
        background-color: #e8781c;
    }
    .item-tip2 {
        display: none;
        position: absolute;
        width: 256px;
        height: 242px;
        left: 27px;
        top: 140px;
        background: url(http://static.leanote.top/x-resource/dzs/images/3/2.png) no-repeat;
        background-size: 100% 100%;
        z-index: 101;
        .item-close {
            position: absolute;
            width: 30px;
            height: 30px;
            right: 7px;
            top: 5px;
        }
    }

    .item-tip3 {
        display: none;
        position: absolute;
        width: 320px;
        height: 422px;
        background: url(http://static.leanote.top/x-resource/dzs/images/3/3.png) no-repeat;
        background-size: 100% 100%;
        z-index: 102;
        .item-yes {
            position: absolute;
            width: 70px;
            height: 30px;
            left: 80px;
            top: 364px;
        }
        .item-no {
            position: absolute;
            width: 70px;
            height: 30px;
            right: 64px;
            top: 364px;
        }
    }

    .item-tip4 {
        display: none;
        position: absolute;
        left: 32px;
        top: 103px;
        width: 256px;
        height: 299px;
        background: url(http://static.leanote.top/x-resource/dzs/images/3/4.png) no-repeat;
        background-size: 100% 100%;
        z-index: 103;
        .item-yes {
            position: absolute;
            width: 70px;
            height: 30px;
            left: 43px;
            top: 241px;
        }
        .item-no {
            position: absolute;
            width: 70px;
            height: 30px;
            right: 37px;
            top: 241px;
        }
    }

    .item-tip5 {
        display: none;
        position: absolute;
        left: 32px;
        top: 83px;
        width: 257px;
        height: 310px;
        background: url(http://static.leanote.top/x-resource/dzs/images/3/5.png) no-repeat;
        background-size: 100% 100%;
        z-index: 104;
        .item-yes {
            position: absolute;
            width: 70px;
            height: 30px;
            left: 47px;
            top: 252px;
        }
        .item-no {
            position: absolute;
            width: 70px;
            height: 30px;
            right: 36px;
            top: 252px;
        }
    }

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