@charset "UTF-8";
/* .isf {
border: 1px solid;
} */
.isf:before {
--rotate: rotate(0deg);
/*旋转 变量*/
--rotateX: rotateX(0deg);
/*水平方向旋转 变量*/
--rotateY: rotateY(0deg);
/*垂直方向旋转 变量*/
--translate: translate(0, -8%);
/*垂直方向旋转 偏移*/
content: " ";
display: inline-block;
vertical-align: middle;
width: 1em;
/*继承字体大小*/
height: 1em;
background-color: currentColor;
/*继承颜色*/
-webkit-mask-image: var(--bgimg);
mask-image: var(--bgimg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-transform: var(--translate) var(--rotate) var(--rotateX) var(--rotateY);
transform: var(--translate) var(--rotate) var(--rotateX) var(--rotateY);
}
.isf-account {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-anquan-check {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-anquan {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-baidu {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-book1 {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-book2 {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-books {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-books1 {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-chrome {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-close {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-cooperation {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-css3 {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-douban {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-facebook {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-fire {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-firefox {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-hand-thumb {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-hand {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-home {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-html5 {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-ie {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-information {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-lock-key {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-lock {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-mail {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-mail1 {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-mail2 {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-mobile-menu {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-mobile {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-money-tongqian {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-narrow {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-opera {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-paopao {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-paopao1 {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-paper-plane {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-qq {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-qzone {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-rankings {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-recommend {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-renren {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-safari {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-search {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-tencent-weibo {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-twitter {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-upload {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-user {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-users {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-warning {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-weibo {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-weixin {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-weixinzhifu {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-zhifubao {
--bgimg: url('data:image/svg+xml;utf8,');
}
.isf-16,
.isf-size-16:before {
font-size: 16px;
}
.isf-20,
.isf-size-20:before {
font-size: 20px;
}
.isf-24,
.isf-size-24:before {
font-size: 24px;
}
.isf-28,
.isf-size-28:before {
font-size: 28px;
}
.isf-32,
.isf-size-32:before {
font-size: 32px;
}
.isf-36,
.isf-size-36:before {
font-size: 36px;
}
.isf-40,
.isf-size-40:before {
font-size: 40px;
}
.isf-44,
.isf-size-44:before {
font-size: 44px;
}
.isf-48,
.isf-size-48:before {
font-size: 48px;
}
.isf-r1:before,
.isf-rotate-45:before {
--rotate: rotate(45deg);
}
.isf-r2:before,
.isf-rotate-90:before {
--rotate: rotate(90deg);
}
.isf-r3:before,
.isf-rotate-135:before {
--rotate: rotate(135deg);
}
.isf-r4:before,
.isf-rotate-180:before {
--rotate: rotate(180deg);
}
.isf-r5:before,
.isf-rotate-225:before {
--rotate: rotate(225deg);
}
.isf-r6:before,
.isf-rotate-270:before {
--rotate: rotate(270deg);
}
.isf-r7:before,
.isf-rotate-315:before {
--rotate: rotate(315deg);
}
.isf-Y:before,
.isf-flip-y:before {
--rotateY: rotateY(180deg);
/*水平翻转 变量*/
}
.isf-X:before,
.isf-flip-x:before {
--rotateX: rotateX(180deg);
/*垂直翻转 变量*/
}
.isf-spin:before {
/*线性旋转*/
-webkit-animation: isf-spin 2s infinite linear;
animation: isf-spin 2s infinite linear;
}
.isf-pulse:before {
/*非线性旋转*/
-webkit-animation: isf-spin 1s infinite steps(10);
animation: isf-spin 1s infinite steps(10);
}
@-webkit-keyframes isf-spin {
0% {
-webkit-transform: var(--translate) rotate(0deg) var(--rotateX) var(--rotateY);
transform: var(--translate) rotate(0deg) var(--rotateX) var(--rotateY);
}
100% {
-webkit-transform: var(--translate) rotate(359deg) var(--rotateX) var(--rotateY);
transform: var(--translate) rotate(359deg) var(--rotateX) var(--rotateY);
}
}
@keyframes isf-spin {
0% {
-webkit-transform: var(--translate) rotate(0deg) var(--rotateX) var(--rotateY);
transform: var(--translate) rotate(0deg) var(--rotateX) var(--rotateY);
}
100% {
-webkit-transform: var(--translate) rotate(359deg) var(--rotateX) var(--rotateY);
transform: var(--translate) rotate(359deg) var(--rotateX) var(--rotateY);
}
}