.slide-2 {
    
    .back-ground2 {
        background: url("http://static.leanote.top/ttxd/images/mianpage/background.jpg#{$version}") no-repeat;
        //url(http://static.leanote.top/ttxd/images/mianpage/floating.png);
        width: 640px;
        height: 1202px;
        position: relative;
    }
    #target {
        background-image: url("http://static.leanote.top/ttxd/images/mianpage/head-img.png#{$version}");
        position: absolute;
        width: 70px;
        height: 70px;
       // z-index: 99;
    }
    .point1 {
        left: 78px;
        top: 320px;
    }
    .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 12;
        display: none;
        .black {
            background-color: #000000;
            width: 100%;
            height: 100%;
            opacity: 0.4;
        }
        .point1 {
            background-image: url("http://static.leanote.top/ttxd/images/mianpage/head-img.png#{$version}");
            position: absolute;
            width: 70px;
            height: 70px;
        }
        .tip {
            position: absolute;
            top: 420px;
            -webkit-animation: upDown 1s ease 0s infinite normal forwards;
            -moz-animation: 1s linear 0s normal forwards infinite running upDown;
            animation: upDown 1s ease 0s infinite normal forwards;
            left: 60px;
        }
        @-webkit-keyframes upDown {
            100% { 
                -webkit-transform: translateY(0px);
            }
            0% {
                -webkit-transform: translateY(30px);
            }
        }
        @-moz-keyframes upDown {
            100% {
                -moz-transform: translateY(0px);
            }
            0% {
                -moz-transform: translateY(30px);
            }
        }
        @keyframes upDown {
            100% {
                transform: translateY(0px);
            }
            0% {
                transform: translateY(30px);
            }
        }

    }
    .floating-dice,
    .floating-window {
        //zoom: 0.5;
        display: none;
        background-image: url("http://static.leanote.top/ttxd/images/mianpage/floating.png#{$version}");
        position: absolute;
        width: 640px;
        height: 1202px;
        top: 0;
        z-index: 11;
        //z-index: 999;
    }
    .dice {
        width: 145px;
        height: 98px;
        overflow: hidden;
        position: absolute;
        left: 247.7px;
        top: 320px;
    }
    .dice-shadow {
        width: 145px;
        height: 98px;
        overflow: hidden;
        position: absolute;
        left: 250px;
        top: 350px;
    }
    .dicecount {
        width: 100%;
        text-align: center;
        color: rgb(97,176,207);
        position: absolute;
        top: 470px;
        font-size: 45px;
    }
    .window {
        width: 525px;
        position: absolute;
        left: 50px;
        top: 110px;
        img {
            display: inline-block;
        }
        .cdk3,
        .nocdk {
            position: relative;
            top: 114px;
        }
        .cdk {
            position: relative;
            top: 12px;
        }
    }
    .dropout {
        display: none;
        width: 28px;
        height: 28px;
        position: absolute;
        left: 505px;
        top: 345px;
    }
    .item-input {
        .btn2 {
            display: none;
            position: absolute;
            left: 210px;
            top: 570px;
            input {
                border: none;
                width: 214px;
                height: 92px;
                background: url("http://static.leanote.top/ttxd/images/mianpage/floatWindow/btn2.png#{$version}") no-repeat;
            }
        }
        .btns {
            display: none;
            margin: 0 auto;
            position: absolute;
            left: 70px;
            top: 570px;
            .play {
                display: inline-block;
                margin-right: 55px;
                padding: 0;
                border: none;
                width: 214px;
                height: 92px;
                background: url("http://static.leanote.top/ttxd/images/mianpage/floatWindow/btn1.png#{$version}") no-repeat;
            }
            .game {
                display: inline-block;
                border: none;
                width: 214px;
                height: 92px;
                background: url("http://static.leanote.top/ttxd/images/mianpage/floatWindow/btn.png#{$version}") no-repeat;
            }
        }
        .foodcoupons-btn {
            display: none;
            position: absolute;
            left: 210px;
            top: 665px;
            .foodcoupons {
                border: none;
                width: 214px;
                height: 92px;
                background: url("http://static.leanote.top/ttxd/images/mianpage/floatWindow/foodcoupons.png#{$version}") no-repeat;
            }
        }
    }
    .input-dropout {
        display: none;
        width: 28px;
        height: 28px;
        position: absolute;
        left: 505px;
        top: 215px;
    }
    .cdk-infor,
    .cdk1-infor,
    .cdk2-infor {
        display: none;
        color: white;
        width: 370px;
        height: 48px;
        position: absolute;
        left: 137px;
        line-height: 48px;
        text-align: center;
    }
    .cdk-infor {
        top: 473px;
    }
    .cdk1-infor {
        top: 363px;
    }
    .cdk2-infor {
        top: 445px;
    }
    .rule-btn {
        position: absolute;
        left: 50%;
        top: 1006px;
        z-index: 10;
        margin-left: -71px;
    }
    .explain {
        position: absolute;
        bottom: 0;
    }
}