.link-items{display:flex;flex-wrap:wrap}.link-item{width:20%;box-sizing:border-box;padding:0 10px 20px;position:relative}.link-item .link-icon{width:44px;height:44px;border:1px solid #f1f1f1;border-radius:22px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.link-item .link-icon i{font-size:22px}.link-item .link-icon img{border-radius:4px}.link-item .link-icon .el-icon-error{color:#f56c6c}[data-theme='dark'] .link-item .link-icon{border-color:rgba(103,103,103,0.2)}.link-item .link-info{margin-left:10px;flex:1;width:0}.link-item .link-info h3,.link-item .link-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-item .link-info h3{height:22px;line-height:22px;white-space:nowrap;margin-right:15px;font-weight:500;font-size:16px;color:var(--text-darker);width:100%}.link-item .link-info h3 .iconfont{flex-shrink:0;color:rgba(170,170,170,0.6);font-size:15px;margin-left:5px}.link-item .link-info p{height:20px;line-height:20px;margin-top:3px;color:var(--text-light)}.link-item a{border-radius:4px;padding:15px 15px;box-sizing:border-box;display:flex;justify-content:space-between;box-shadow:var(--panel-shadow);background:#fff}.link-item a:hover{background:rgba(251,251,251,0.8)}.link-item a:hover .info h3{color:var(--primary-color)}[data-theme='dark'] .link-item a:hover{background:rgba(42,42,42,0.8)}.link-item:hover .el-icon-circle-plus{display:block}@media screen and (max-width: 1440px){.link-item{width:25%}}@media screen and (max-width: 1110px){.link-item{width:33.33333%}}@media screen and (max-width: 760px){.link-item{width:100%}}
    #mytitle {
        position: absolute;
        color: #ffffff;
        max-width: 260px;
        font-size: 14px;
        padding: 10px;
        background: rgba(40, 40, 40, 0.8);
        border: solid 1px #e9f7f6;
        border-radius:5px;
    }