@svg-load zan url(zan.svg) {
  fill: #cfc;
}
@svg-load jiacu url(jiacu.svg) {
  fill: #b2f5ea;
}

.icon-zan {
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: svg-inline(zan);
}

@svg-load zan_selected url(zan_selected.svg) {
  fill: black;
}

.icon-zan_selected {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-inline(zan_selected);
}

.icon-weibo {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('weibo.svg');
}

.icon-up {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('up.svg');
}

.icon-down {
  transform: rotate(180deg);
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('up.svg');
}

.icon-logo {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('logo.svg');
}

.icon-checkbox_checked {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('checkbox_checked.svg');
}


.icon-checkbox_empty {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('checkbox_empty.svg');
}

.icon-ai-code {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('ai-code.svg');
}

.icon-code {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('code.svg');
}


.icon-jiacu {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-inline(jiacu);
}

.icon-liebiao {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('liebiao.svg');
}

.icon-shanchuxian {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('shanchuxian.svg');
}

.icon-tupian {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('tupian.svg');
}

.icon-tupian {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('tupian.svg');
}

.icon-xieti {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('xieti.svg');
}

.icon-lianjie {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('lianjie.svg');
}

.icon-yinyong {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('yinyong.svg');
}

.icon-youxuliebiao {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('youxuliebiao.svg');
}

.icon-underline {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('underline.svg');
}

.icon-close {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('close.svg');
}

.icon-h {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('h.svg');
}

.icon-h1 {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('h1.svg');
}

.icon-h2 {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('h2.svg');
}

.icon-h3 {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('h3.svg');
}

.icon-h4 {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('h4.svg');
}


.icon-kapian {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('kapian.svg');
}

.icon-loading {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('loading.svg');
}

.icon-member {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('member.svg');
}

.icon-shanchu {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('shanchu.svg');
}

.icon-bianji {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('bianji.svg');
}

.icon-zan {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('zan.svg');
}

.icon-dianzan {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('dianzan.svg');
}

.icon-to-dian-zan {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('to-dian-zan.svg');
}

.icon-comment {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('comment.svg');
}

.icon-system {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('system.svg');
}

.icon-markdown {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('markdown.svg');
}

.icon-article {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('article.svg');
}

.icon-video {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('video.svg');
}

.icon-file {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('file.svg');
}

.icon-audio {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('audio.svg');
}

.icon-preload-image {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('preload-image.svg');
}

.icon-selected {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('selected.svg');
}


.icon-lianxi {
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-image: svg-load('lianxi.svg');
}
