@base_width: 750;
#wrapMask {
  width: 85%;
  height: ( 400vw / @base_width ) * 100;
  font-size: ( 28vw / @base_width ) * 100;
  background-color: white;
  border-radius:  (20vw / @base_width ) * 100;
  position: fixed;
  top: 25%;
  left: 7%;
  z-index: 99;
  transform: scale(0);
  font-family: 微软雅黑;

  #iconX {
    position: absolute;
    right: ( 32vw / @base_width ) * 100;
    top:( 26vw / @base_width ) * 100;
    background-image: url("./img/special/info@2x.png");
    width: ( 45vw / @base_width ) * 100;
    height: ( 45vw / @base_width ) * 100;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .copy-down-word {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center;
    top:( 85vw / @base_width ) * 100;
    padding-bottom: ( 20vw / @base_width ) * 100;

      .logo-color {
        color:#d52623 ;
      }
  }

  #copyIdWrap {
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  *:not(input,textarea,#copyId) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
  }

  #copyId {
    width: 50%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color: rgb(192,192,192);
    outline: none;//去除边框高亮
    -webkit-appearance: none;
    border: none;
    -webkit-user-select: text;
  }

  .down-word {
    color: rgb(192,192,192);
    font-size: ( 22vw / @base_width ) * 100;;
    left: ( 150vw / @base_width ) * 100;;
  }

  .copy-down-btn {
    width: 100%;
    position: absolute;
    bottom: 0;

    button {
      border: none;
      width: 50%;
      display: inline-block;
      height: ( 95vw / @base_width ) * 100;
      outline: none;//去除边框高亮
      -webkit-appearance: none;
      font-weight: 900;
    }

    #confirm {
      background-color: #33bbee;
      color: white;
      font-size: (30vw / @base_width ) * 100;
      border-radius: 0 0 0 (20vw / @base_width ) * 100;;
    }

    #cancel {
      border-radius: 0 0 50% 50%;
      font-size: (30vw / @base_width ) * 100;
      background-color:white;
      color: #33bbee;
      float: right;
      border-top: 1px solid rgba(220,220,220,0.5);
    }
  }
}

#wrapShadow {
  width: 100%;
  height: 120%;
  position: fixed;
  z-index: 10;
  top: 0;
  background-color: rgba(0,0,0,0.5);
  display: none;
}