.xy-content[data-ahxyol] {
	width: 268px;
	height: 254px;
	position: fixed;
	left: 1%;
	top: 20%;
	transform: translateY(-50%);
	z-index: 9999;
	opacity: 0.6
}

.xy-content[data-ahxyol]:hover {
	opacity: 1
}

.xy-content .xy-layout[data-ahxyol] {
	width: 100%;
	height: 254px;
	position: relative;
}

.xy-content .xy-layout .xy-ahxyol[data-ahxyol] {
	width: 144px;
	height: 28px;
	/*background: url(//yz.ahxyol.com/assets/img/ahxyol.com.gif) no-repeat;*/
	position: absolute;
	top: 88px;
	right: 85px;
}


.xy-content .xy-layout .xy-hjsqbs[data-ahxyol] {
	width: 100%;
	height: 254px;
	background: url(//yz.ahxyol.com/assets/img/hjsqbs.png) no-repeat;
	position: absolute;
}

.xy-content .xy-layout .xy-bjsqbs[data-ahxyol] {
	width: 100%;
	height: 254px;
	background: url(//yz.ahxyol.com/assets/img/bjsqbs.png) no-repeat;
	position: absolute;
}

.xy-content .xy-layout .xy-zssqbs[data-ahxyol] {
	width: 100%;
	height: 254px;
	background: url(//yz.ahxyol.com/assets/img/zssqbs.png) no-repeat;
	position: absolute;
}

.xy-content .xy-layout .xy-xysqbs[data-ahxyol] {
	width: 100%;
	height: 254px;
	background: url(//yz.ahxyol.com/assets/img/xysqbs.png) no-repeat;
	position: absolute;
}



.xy-content .xy-layout .level-text[data-ahxyol] {
	width: 100%;
	font-size: 12px;
	color: white;
	position: absolute;
	top: 132px;
	text-align: center
}

.xy-content .xy-layout .xy-code[data-ahxyol] {
	position: absolute;
	bottom: 75px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: white;
	width: 100%
}

.xy-content .xy-layout .xy-xuke[data-ahxyol] {
	width: 95px;
	height: 27px;
	position: absolute;
	top: 180px;
	left: 80px
}

    @keyframes flash {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
        
    xy-span:hover{
    transform: scale(3, 3) rotate(180deg) !important;
    transition: all 1s;
}