.modList{display:grid;grid-template-columns:repeat(4,25%)}.modList li{height:100px;margin-right:15px;border-radius:10px;overflow:hidden;cursor:pointer;margin-bottom:20px;background:#fbfbfb;-webkit-box-shadow:0 18px 9px -12px rgba(103,161,192,.22);box-shadow:0 18px 9px -12px rgba(103,161,192,.22)}.modList li .line{height:5px}.modList li .centerBox{width:100%;height:calc(100% - 3px)}.modList li .centerBox,.modList li .centerBox .icon{display:-webkit-box;display:-ms-flexbox;display:flex}.modList li .centerBox .icon{width:100px;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000}.modList li .centerBox .icon h2{font-size:28px}.modList li .centerBox .itemBox{width:calc(100% - 100px)}.modList li .centerBox .itemBox h3{height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;color:#4a4a4a;font-size:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.modList li .centerBox .itemBox h3 p{font-size:12px;color:#aaa}.modList li .centerBox .itemBox .itemBot{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50%}.modList li .centerBox .itemBox .itemBot p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;font-size:12px;margin-right:10px;padding:3px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #717171;border-radius:12px;text-align:center;color:#717171}