#links-box{grid-column-gap:30px;grid-row-gap:10px;display:grid;grid-template-columns:repeat(3,30%);margin:5px;position:relative}@media only screen and (max-width:960px){#links-box{grid-template-columns:repeat(2,50%)}}@media only screen and (max-width:720px){#links-box{grid-template-columns:repeat(1,100%)}}#links-box .links-item{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 7px 2px #c7c9d3;color:#6b7280;cursor:pointer;display:flex;height:70px;justify-self:center;margin:10px 5px;max-width:100%;padding:0 6px;position:relative;width:250px}#links-box .links-item:hover{transform:scale(1.04)}#links-box .links-item>img{border-radius:6px;display:block;height:60px;vertical-align:middle;width:60px}#links-box .links-item .links-info{margin-left:10px;width:180px}#links-box .links-item .links-info .links-info-name{color:#777aaf;font-size:18px;font-weight:700;position:relative;top:-2px}#links-box .links-item .links-info .links-info-text{font-family:ZCOOL XiaoWei,serif;font-size:14px;font-style:oblique;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}#links-box .links-item .links-info span{display:block}#links-box .links-item .links-icon{align-items:center;animation:rotation 3s linear infinite;-moz-animation:rotation 3s linear infinite;-webkit-animation:rotation 3s linear infinite;-o-animation:rotation 3s linear infinite;border-radius:6px;box-shadow:0 1px 7px 2px #c7c9d3;display:flex;height:22px;margin-right:-8px;margin-top:-7px;position:absolute;right:0;top:0;-webkit-transform:rotate(1turn);transition:.3s ease;width:22px}#links-box .links-item:nth-child(3n+0) .links-icon{background-color:#34d399}#links-box .links-item:nth-child(3n+1) .links-icon{background-color:#a78bfa}#links-box .links-item:nth-child(3n+2) .links-icon{background-color:#f87171}#links-box .links-item .links-icon a{--transform-rotate:-45deg;color:#fff;transform:rotate(-45deg)}#links-box .links-item .links-icon a i.icon-zhifeiji{font-size:14px;left:2px;position:relative;top:3px}#links-box .links-item .links-icon a i.icon-flashlight-fill,#links-box .links-item .links-icon a i.icon-like-fill{font-size:14px;left:3px;position:relative;top:4px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}