@charset "utf-8";

.antChainBackgroundWrap { width: 100%; height: 80px; background-color: rgb(76, 112, 255); display: flex; align-items: 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: rgb(255, 255, 255); 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; transition: 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 { transform: translate(0px, 0px); }