@keyframes quan {
      0%   { transform:rotate(0);
             animation-timing-function:linear; }
      100% { transform:rotate(360deg); }
}
@-webkit-keyframes quan {
      0%   { -webkit-transform:rotate(0);
             -webkit-animation-timing-function:linear; }
      100% { -webkit-transform:rotate(360deg); }
}
@-moz-keyframes quan {
      0%   { -moz-transform:rotate(0);
             -moz-animation-timing-function:linear; }
      100% { -moz-transform:rotate(360deg); }
}
@-o-keyframes quan {
      0%   { -o-transform:rotate(0);
             -o-animation-timing-function:linear; }
      100% { -o-transform:rotate(360deg); }
}

.fuji{
	position: relative;	
	display:flex;
    justify-content:center;
}

.quan{

	position: absolute;
	
	}


.sr_rt_quan{
	width: 159px;
	height: 139px;
	z-index: -1;
	background-image: url(https://xbg-1253829525.cos.ap-guangzhou.myqcloud.com/quan.png);
	background-position: 17px 16px;
	background-repeat: no-repeat;
	background-size: 130px;
	animation: quan 30s infinite;
	-webkit-animation: quan 30s infinite;
	-moz-animation: quan 30s infinite;
	-o-animation: quan 30s infinite;
	-ms-animation: quan 30s infinite;
}


#xuan {
	width: 159px;
	top: 18px;
	background-position: 18px 16px;
	cursor: pointer;
	position: inherit;
	z-index: 1;
	display: flex;
	justify-content: center;
        }

#QR img {
	position: absolute;
	left: 50%; 
	top: 50%;
    transform: translate(-50%, -50%); 
	width: 300px;
	height: 300px;
	display: block;
        }

#QR {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.6);
            z-index: 9999;
            display: none;
        }