body {
            margin:0px;
            padding:0px;
            font-family:"microsoft yahei"
        }
        .container {
            width:990px;
            height:699px;
            color:#fff;
            font-size:30px;
            background-image:url("UI/bg.png")
        }

            .container .magnet1 {
            
            }

            .container .message_box {
                  width: 500px;
                  height: 113px;
                  position: absolute;
             
                  z-index: 9;
                  top: 335px;
                  left: 421px;
                  text-align: center;
                  line-height: 110px;
                  color: #fff;
            
            }

            .container .top_bar {
                height:67px;
                 
            
            }
                .container .top_bar .time_bar {
                background: rgb(255, 213, 0);
                  width: 762px;
                  height: 13px;
                  position: absolute;
                  top: 40px;
                  left: 45px;
                  border-radius: 7px;
                
                }
                .container .top_bar .second {
                      color: #FFE73E;
  font-weight: bold;
  font-size: 32px;
  position: absolute;
  left: 896px;
  top: 27px;
                
                } 

            .container .mid_bar {
                height:640px;
                
            }

                .container .mid_bar .left_panel {
                    width:364px;
                    height:640px;
                    float:left;
                    
                
                }
                .container .mid_bar .right_panel {
                    width:600px;
                    height:600px;
                    float:left;
                    
                }
                    .container .mid_bar .right_panel .game_layer {
                       width:600px;
                    height:600px;
                    position:relative;
                    overflow:hidden;
                    }


.mask {
    background:#000;
                      position: absolute;
 
  width: 990px;
  height: 699px;
  z-index: 5;
}
            .container .intor {
                  position: absolute;
  background: url('intor/info.png');
  width: 990px;
  height: 699px;
  z-index: 10;
  display:none;
            }
                .container .intor .close_info {
                     width: 60px;
  height: 60px;
  position: absolute;
 
  right: 96px;
  top: 95px;
  cursor:pointer;
                
                }
.panel_guide {
  background: url('intor/step1.png');
  width: 521px;
  height: 250px;
  position: absolute;
    z-index: 7;
  top: 317px;
  left: 438px;

}

.next_txt {
   width: 370px;
  height: 70px;
  position: absolute;
  left: 83px;
  top: 62px;


}

    .next_txt p {
        margin:0px;
        font-size: 24px;
    line-height: 35px;
    }
    .nextBtn {
        position:absolute;
  width: 198px;
  height: 66px;
  top: 145px;
  left: 160px;
  cursor: pointer;
  background: url('intor/anniu.png');
  font-family: 微软雅黑;
  text-align: center;
  padding-top: 10px;
  background-repeat: no-repeat;
    color: rgb(192, 0, 0);
  font-weight: bold;
    }
.step_1_1 {
    width:203px;
    height:197px;
    position:absolute;
    z-index:7;
    background: url('intor/step_1_1.png');
      left: 431px;
  top: 134px;
  display:none;
}


.num_t {
    width:300px;
    height:200px;
    position:absolute;
    background-repeat:no-repeat;
    background: url('intor/s0.png');
      top: 202px;
  left: 44px;
}


.s1 {
    background: url('intor/s1.png');

}

.s2 {

    background: url('intor/s2.png');
}
.s3 {

    background: url('intor/s3.png');
}

.last_win {
    width:499px;
    height:293px;
    background: url('intor/last_win.png');
      position: absolute;
  z-index: 8;
  left: 266px;
  top: 202px;
  text-align: center;
  display:none;

  
}
    .last_win p {
    
        margin: 3px;
  font-size: 30px;
    }
.get_coupon {
            position:absolute;
  width: 198px;
  height: 66px;
  top: 185px;
  left: 160px;
  cursor: pointer;
  background: url('intor/anniu.png');
  font-family: 微软雅黑;
  text-align: center;
  padding-top: 10px;
  background-repeat: no-repeat;
    color: rgb(192, 0, 0);
  font-weight: bold;
    font-size: 22px;
 
  line-height: 45px;

}

#percent1 {
    font-weight: bold;
  color: #FFE531;
  font-size: 37px;
}
#percent2 {
    font-weight: bold;
  color: #FFE531;
  font-size: 37px;
}