.sibling-fade { visibility: hidden;  margin-bottom:28px; font-size: 15px;}
.sibling-fade > * { visibility: visible; }
.sibling-fade > * { -webkit-transition: opacity 150ms linear 100ms, -webkit-transform 150ms ease-in-out 100ms; transition: opacity 150ms linear 100ms, -webkit-transform 150ms ease-in-out 100ms; transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms, -webkit-transform 150ms ease-in-out 100ms; }
.sibling-fade:hover > * { opacity: 0.4; -webkit-transform: scale(0.9); transform: scale(0.9); }
.sibling-fade > *:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0ms, 0ms; transition-delay: 0ms, 0ms; }

/*上线需注释此处*/
/*html { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }*/
/*body { background: #fff;padding: 10px;max-width: 40em;margin: auto;}*/


.sibling-fade {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 350px;}
.sibling-fade > * {padding: 0.5em 0.4em;-webkit-box-flex: 1;-ms-flex: auto;flex: auto;margin: 0.3em 0.2em;text-align: center;color: #fff;text-decoration: none;border-radius: 8px;}
.tags-darkblue{background: #448aca;}
.tags-middleblue{background: #69a1d5;}
.tags-lightblue{background: #8fb9df;}