body {
    margin:0px;
    padding:0px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
}
.wrapper {
    width:990px;
    height:600px;
    background-image:url(../img/bg.png);
    position:relative;
    overflow: hidden;
  

}
    .wrapper .guide {
        display:none;
        width:990px;
        height:600px;
        position:absolute;
        z-index:99;
        background-image:url(../img/guide_bg.jpg)
    
    }

    .wrapper .guide1 {
    background-image:url(../img/guide_bg1.jpg)
    }


        .wrapper .guide .g1 {
            width:228px;
            height:162px;
            position:absolute;
            background-image:url(../img/guide_1.png);
            top: 334px;
            left: 233px;
            display:none;
            cursor:pointer;

        }

        .wrapper .guide .g2 {
            width:228px;
            height:162px;
            position:absolute;
            background-image:url(../img/guide_2.png);
            top: 43px;
            left: 715px;
            cursor:pointer;
        }

.wrapper .title{
width: 454px;
height: 100px;
background-image: url(../img/title1.png);
position: absolute;
overflow: hidden;
left: 50%;
top: 55px;
margin-left: -226px;
}
.wrapper .start_btn{
width: 290px;
height: 96px;
background-image: url(../img/begin_game.png);
position: absolute;
overflow: hidden;
left: 50%;
top: 50%;
margin-left: -169px;
cursor:pointer;
}

.wrapper .start_btn1{
margin-left: -165px;
margin-top: 5px;
}

.wrapper .game_support{
    display:block;
    text-align:center;
width: 290px;
height: 26px;
position: absolute;
overflow: hidden;
left: 50%;
top: 68%;
margin-left: -169px;
color: #B30101;
font-size: 20px;
font-family: 微软雅黑;
cursor:pointer;
}



    .wrapper .close_btn {
      width:39px;
    height:38px;
    background-image:url(../img/close_btn.png);
    position:absolute;
    z-index:2;
    right:0px;
    
    }

.wrapper .butterfly {
    width:120px;
    height:120px;
    background-image:url(../img/butterfly_3_0.gif);
    background-size: contain;
    background-repeat: no-repeat;
    position:absolute;
}

.wrapper .misstip {
    width:73px;
    height:82px;
    position:absolute;
    background-image:url(../img/jiong.png);
}

    .wrapper .web {
        z-index:1;
        width:187px;
        height:186px;
        background-image:url(../img/web.png);
        background-size: contain;
        background-repeat: no-repeat;
        position:absolute;
        left: 377.5px;
top: 443.5px;
display:none;
    }

    .wrapper .web1 {
        background-image:url(../img/web1.png);
    }

    .wrapper .timer {
        width:200px;
        height:50px;
        position:absolute;
        right:0px;
        top:0px;
        color: #C200E2;
        font-family: 微软雅黑;
        font-size: 26px;
        text-shadow: 1px 1px 1px rgba(255, 0, 0, 0.41);
        line-height: 45px;
        display:none;
    }

      

    .wrapper .winPanel {
         width:420px;
        height:308px;
        background:url(../img/panel_end.png);
        top:50%;
        left:50%;
        margin:-161px 0px 0px -180px;
        z-index:3;
        display:none;
        position: absolute;
        text-align:center;
        font-family: 微软雅黑;
   
    }

    .wrapper .winPanel .w1{
        margin-top: 47px;
height: 25px;
line-height: 25px;
font-size: 25px;
font-family: 微软雅黑;
margin-bottom: 10px;
    }
     .wrapper .winPanel .w2{
         height: 20px;
line-height: 20px;
font-size: 20px;
font-family: 微软雅黑;
margin-top: 7px;
color: #A60909;
    }
      .wrapper .winPanel .w3{
          height: 20px;
line-height: 20px;
font-size: 20px;
font-family: 微软雅黑;
margin-top: 7px;
    }


  .wrapper .winPanel #closeWinPanelBtn{
 width:155px;
 height:63px;
 background:url(../img/win_btn_goon.png);
 margin: 67px auto;
 cursor:pointer;
    }



        .wrapper .endPanel {
         width:338px;
        height:260px;
        background:url(../img/bg0.png);
        position:absolute;
        top:50%;
        left:50%;
        margin:-107px 0px 0px -150px;
        z-index:3;
        text-align:center;
        display:none;
    }

            .wrapper .endPanel .w1{
        margin-top: 60px;
height: 25px;
line-height: 25px;
font-size: 25px;
font-family: 微软雅黑;
    }
     .wrapper .endPanel .w2{
         height: 20px;
line-height: 20px;
font-size: 20px;
font-family: 微软雅黑;
margin-top: 28px;
color: #A60909;
    }
      .wrapper .endPanel .w3{
          height: 20px;
line-height: 20px;
font-size: 20px;
font-family: 微软雅黑;
margin-top: 7px;
    }


  .wrapper .endPanel #gameOverBtn{
 width:141px;
 height:65px;
 background:url(../img/btn_close.png);
 margin: 27px auto;
  cursor:pointer;
    }



            .wrapper .losePanel {
         width:338px;
        height:260px;
        background:url(../img/bg0.png);
        top:50%;
        left:50%;
        margin:-161px 0px 0px -180px;
        z-index:3;
      display:none;
        position: absolute;
        text-align:center;
        font-family: 微软雅黑;
         cursor:pointer;
   
    }

    .wrapper .losePanel .w1{
        margin-top: 60px;
height: 25px;
line-height: 25px;
font-size: 25px;
font-family: 微软雅黑;
    }
     .wrapper .losePanel .w2{
         height: 20px;
line-height: 20px;
font-size: 20px;
font-family: 微软雅黑;
margin-top: 28px;
color: #A60909;
    }
      .wrapper .losePanel .w3{
          height: 20px;
line-height: 20px;
font-size: 20px;
font-family: 微软雅黑;
margin-top: 7px;
    }


  .wrapper .losePanel #closeLosePanelBtn{
 width:155px;
 height:63px;
 background:url(../img/win_btn_goon.png);
 margin: 27px auto;
    }