/* hover-effect */

.antChainBackgroundWrap {

    width: 100%;

    height:80px;

    background-color: #4c70ff;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

}



.antChainBackgroundWrap .antChainBackground {

  width: 1920px;

  height: 80px;

  position: relative;

}



.antChainBackgroundWrap .antChainBackground .antChainBackgroundImg {

  width: 1920px;

  height: 80px;

}



.antChainBackgroundWrap .antChainBackground .antChainBtn {

  font-size: 24px;

  color: #ffffff;

  font-weight: bold;

  text-decoration: underline;

  position: absolute;

  left: 1105px;

  top: 27px;

  z-index: 2;

  cursor: pointer;

}



.antChainBackgroundWrap .antChainBackground .qrCodeWrap {

  position: absolute;

  top: -176px;

  left: 1105px;

  width: 220px;

  height: 256px;

  opacity: 0;

  z-index: -1;

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.antChainBackgroundWrap .antChainBackground .qrCodeWrap .qrCodeWrapImg {

  width: 220px;

  height: 256px;

}



.antChainBackgroundWrap .antChainBackground .qrCodeWrap .qrCodeImg {

  position: absolute;

  top: 25px;

  left: 25px;

  width: 170px;

  height: 170px;

}



.antChainBackgroundWrap .antChainBackground .qrCodeShow {

  top: 80px;

  opacity: 1;

  z-index: 999;

}



.antChainBackgroundWrap .antChainClose {

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

  opacity: 0.6;

}



.antChainBackgroundWrap .antChainClose:hover {

    opacity: 1;

}



.antChainBackgroundWrap .antChainClose .antChainCloseImg {

  width: 26px;

  height: 26px;

}



.translate {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

}