100 lines
2.0 KiB
CSS
100 lines
2.0 KiB
CSS
/* 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);
|
|
} |