﻿/* 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);}