.screen-2,
.screen-2-zoom-lrbox,
.screen-2-zoom-colorbox,
.screen-2-zoom-numberbox {
  background-image: url(../img/bg2.png);
  background-size: 100% 118%;
  background-repeat: no-repeat;
  left: 3px;
  width: 794px;
  height: 392px;
  position: relative;
  bottom: -3px;
}
.btn.zoom.object img {
  width: 100%;
  height: 100%;
}
.btn.zoom.object.samp1 {
  position: absolute;
  bottom: 33%;
  left: 65%;
  width: 41px;
  height: 94px;
  transform: rotate(87deg);
}
.btn.zoom.object.bag2 {
  position: absolute;
  bottom: 10%;
  left: 77%;
  width: 56px;
  height: 77px;
}

.btn.zoom.object.bascut2 {
  position: absolute;
  bottom: 14%;
  left: 16%;
  width: 95px;
  height: 80px;
}






.btn.zoom.object.lrbox {
  left: 36%;
  width: 80px;
  top: 9%;
  height: 75px;
  position: absolute;
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 96% 98%;
}
.btn.zoom.object.lrbox.final {
  left: 34%;
  width: 106px;
  top: 9%;
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 96% 98%;
  background-image: url(../img/box.png);
} 
.screen-object.lrbox {
  position: absolute;
  width: 285px;
  top: 8%;
  left: 29%;
  height: 282px;
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.screen-object .btn.s2.lrbox.change.object {
  width: 67px;
  height: 67px;
  padding: -1px;
  top: 4px;
  /* background-color: #f5a599; */
  margin: -3px 1px;
  display: inline-block;
  left: 5px;
}
.screen-object.lrbox-box {
  position: absolute;
  width: 272px;
  top: 15%;
  left: 32%;
  height: 245px;
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.screen-object.lrbox-box .samp1 {
  width: 91px;
  height: 101px;
  position: absolute;
  left: 93px;
  bottom: 34px;
  /* transform: rotate(90deg); */

}
.btn.zoom.object.lrbox button {
  width: 13px !important;
  height: 13px !important;
  margin: 1px 3px 4px 3px;
  left: 0px;
  top: 2px;
}
.btn.zoom.object.lrbox.final img {
  position: absolute;
  width: 34px;
  height: 59px;
  left: 25px;
  bottom: 12px;
  /* transform: rotate(90deg); */
}
.screen-object.lrbox img {
  width: 100%;
  height: 100%;
}




.btn.zoom.object.numberbox {
  position: absolute;
  top: 27%;
  left: 10.5%;
  width: 131px;
  height: 28px;
  background-image: url(../img/numberb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn.zoom.object.numberbox.final {
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 144px;
  height: 66px;
  top: 68px;
  left: 64px;
}
.btn.zoom.object.numberbox.final img{
  position: absolute;
  width: 46px;
  height: 76px;
  left: 49px;
  bottom: -8px;
  transform: rotate(90deg);
}
.btn.zoom.object.numberbox button {
  width: 21px !important;
  height: 24px !important;
  padding: 1px !important;
  top: 2px !important;
  margin-right: 11px !important;
  left: 4px !important;
}
.screen-object.numberbox {
  position: absolute;
  width: 349px;
  top: 37%;
  left: 25%;
  height: 76px;
  background-image: url(../img/numberb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn.s2.numberbox.change.object {
  width: 60px;
  height: 60px;
  padding: -1px;
  top: 4px;
  left: 12px;
  /* background-color: #f5a599; */
  margin-right: 27px;
}
.btn.s2.numberbox.change.object img {
  width: 100%;
  height: 100%;
}
.screen-object.numberbox-box {
  position: absolute;
  width: 258px;
  top: 43%;
  left: 33%;
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  height: 100px;
  background-size: 100% 100%;
}
.btn.collect.object.samp1 img{
  position: absolute;
  width: 73px;
  top: -20%;
  left: 1%;
}
.screen-object.numberbox-box .samp1 {
  width: 90px;
  height: 75px;
  top: 23px;
  left: 37%;
  transform: rotate(90deg);
}





.btn.zoom.object.colorbox {
  position: absolute;
  top: 61%;
  left: 42%;
  width: 106px;
  height: 64px;
  /* background-image: url(../img/arrowb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
}

.btn.zoom.object.colorbox.final {
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 62%;
  left: 38%;
  width: 160px;
  height: 67px;
}
.btn.zoom.object.colorbox.final img {
  position: absolute;
  width: 53px;
  height: 87px;
  left: 61px;
  bottom: -8px;
  transform: rotate(90deg);
}

.btn.zoom.object.colorbox button {
  width: 23px !important;
  height: 25px !important;
  padding: 0px !important;
  top: 17px !important;
  margin-right: 3px !important;
  left: 0px !important;
}

.screen-object.colorbox {
  position: absolute;
  width: 262px;
  top: 36%;
  left: 31%;
  height: 140px;
  /* background-image: url(../img/arrowb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
}
.btn.s2.colorbox.change.object {
  width: 56px;
  height: 58px;
  top: 29px;
  /* background-color: #f5a599; */
  margin-right: 9px;
  padding: 0px;
  left: 5px
}
.btn.s2.colorbox.change.object img {
  width: 100%;
  height: 100%;
}
.screen-object.colorbox-box {
  position: absolute;
  width: 260px;
  top: 32%;
  left: 31%;
  height: 115px;
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn.collect.object.machin img{
  width: 100%;
  height: 100%;
}
.screen-object.colorbox-box .machin {
  width: 83px;
  height: 141px;
  top: -14px;
  left: 35%;
  transform: rotate(90deg);
}