*,
    *:before,
    *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
       -webkit-user-select: inherit;
       -moz-user-select: inherit;
       -ms-user-select: inherit;
       user-select: inherit;
       -webkit-user-drag: inherit;
       -moz-user-drag: inherit;
       -ms-user-drag: inherit;
       user-drag: inherit;
    }
    * img {
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
    }

    .mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 99999;
      background: url(../../../pics/game_background.png) center / contain no-repeat;
    }
    .mask .outer {
      position: relative;
      width: 100%;
      height: 100%;
    }
    .mask .select .drop {
      position: absolute;
      left: 10%;
      top: 26.3%;
      height: 4.297vw;
      cursor: pointer;
      z-index: 99;
    }
    .mask .select .drop img {
      height: 100%;
      max-width: inherit;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-drag: none;
      -ms-user-drag: none;
      user-drag: none;
    }
    .mask .select .drop:nth-child(2) {
      top: 37.3%;
    }
    .mask .select .drop:nth-child(3) {
      top: 48%;
    }
    .mask .select .drop:nth-child(4) {
      top: 59%;
    }
    .mask .select .drop:nth-child(5) {
      top: 70%;
    }
    .mask .inner .placeBox {
      position: absolute;
      width: 27.8vw;
      height: 4.8vw;
      left: 62.2%;
      top: 25.5%;
    }
    .mask .inner .placeBox:nth-child(3) {
      top: 36.2%;
    }
    .mask .inner .placeBox:nth-child(4) {
      top: 47.3%;
    }
    .mask .inner .placeBox:nth-child(5) {
      top: 58.2%;
    }
    .mask .inner .placeBox:nth-child(6) {
      top: 69.1%;
    }
     .tip2 {
       width: 300px;
       top: 2%;
     }
     .tip {
       width: 640px;
       text-indent: 2em;
       opacity: 0;
     }
    .tip.active {
      opacity: 1;
    }
    .paint_i {
      width: 100%;
      height: auto;
    }
    .btn_box {
      position: absolute;
      bottom: 7%;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .gameBox_btn {
      width: 19.1vw;
      height: 6.875vw;
      margin-top: 2%;
    }