body {
  overflow-y: hidden;
}

.aside{width:60px;position: fixed;right:10px;top: 70%;transform: translate(0,-50%);padding-top: .05rem;z-index: 123;}
.as-item{display: block;width: 100%;height:60px;cursor: pointer;background-color: #1363a4;border-radius:4px;margin-bottom:5px;position: relative;transition: all .3s;}
.as-icon{width: 100%;height: 100%;object-fit: contain;}
.as-code{width: 120px;position: absolute;right:65px;top: 50%;margin-top:-5px;background-color: #fff;border-radius:4px;padding:2px;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all .3s;box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}
.as-img{width: 100%;}
.as-item:hover{background-color: #2779bb;}
.as-item:hover .as-code{visibility: visible;opacity: 1;}

.as-item span{ width:180px; height:60px; float:left; text-align:center; display:block; margin-left:-180px; opacity:0; background:#2779bb; color:#fff; line-height:60px; font-size:18px; }
.as-item:hover span{ opacity:1;}



@media only screen and (min-width: 1400px){
	.asasasas{ display: block}
}

@media screen and (max-width: 1410px){
	.asasasas{ display: none}
}