.guidBox {
    width: 750px;
    height: 1650px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.guidBox .guidCover {
    width: 750px;
    height: 1650px;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.guidBox .guidBottom {
    width: 750px;
    height: 1650px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    background-size: 750px 1650px !important;
}

.guidBox .guid_1 {
    background: url(../img/guidimg/guidCover_1.png) no-repeat center center;
}

.guidBox .guid_2 {
    background: url(../img/guidimg/guidCover_2.png) no-repeat center center;

  }

.guidBox .guid_3 {
    background: url(../img/guidimg/guidCover_3.png) no-repeat center center;
}

.guidBox .guid_4 {
    background: url(../img/guidimg/guidCover_4.png) no-repeat center center;
}

.guidBox .guid_5 {
    background: url(../img/guidimg/guidCover_5.png) no-repeat center center;
}

.guidBox .guid_bg_1 {
    background: url(../img/guidimg/guidBg_1.jpg) no-repeat center center;
}

.guidBox .guid_bg_2 {
    background: url(../img/guidimg/guidBg_2.jpg) no-repeat center center;
}

.guidBox .guid_bg_3 {
    background: url(../img/guidimg/guidBg_3.jpg) no-repeat center center;
}

.guidBox .nextBtn {
    width: 306px;
    height: 82px;
    position: absolute;
    bottom: 220px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 50;
    background: url(../img/guidimg/nextBtn.png) no-repeat center center;
    zoom: .9;
}