ul.app-list{height:auto;width:1320px;list-style:none;margin:0 auto;padding:0}ul.app-list:after,ul.app-list:before{content:"";display:table}ul.app-list:after{clear:both}ul.app-list li{height:176px;width:168px;float:left;display:inline-block;padding:0;margin:0 24px 36px 0;cursor:pointer;overflow:hidden}ul.app-list li:nth-child(7n){margin-right:0}ul.app-list li div.frameBody{width:100%;height:128px;margin-bottom:12px;overflow:hidden}ul.app-list li div.frameBody img{width:128px;height:auto;border:none;margin:0 auto;display:block;border-radius:4px}ul.app-list li h6{width:100%;height:36px;text-align:center;font-size:20px;line-height:36px;text-transform:lowercase;font-weight:400;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}@media only screen and (max-width:1600px){ul.app-list{width:1128px}ul.app-list li:nth-child(7n){margin-right:24px}ul.app-list li:nth-child(6n){margin-right:0}}@media only screen and (max-width:1280px){ul.app-list{width:936px}ul.app-list li{height:168px}ul.app-list li:nth-child(6n){margin-right:24px}ul.app-list li:nth-child(5n){margin-right:0}ul.app-list li div.frameBody{height:120px}ul.app-list li div.frameBody img{width:120px}ul.app-list li h6{font-size:18px}}@media only screen and (max-width:1024px){ul.app-list{width:888px}ul.app-list li{height:164px;margin:0 12px 36px 0}ul.app-list li:nth-child(6n),ul.app-list li:nth-child(7n){margin-right:12px}ul.app-list li:nth-child(5n){margin-right:0}ul.app-list li div.frameBody{height:116px}ul.app-list li h6{font-size:16px}}@media only screen and (max-width:900px){ul.app-list{width:742px}ul.app-list li{width:112px;height:132px;margin:0 14px 36px 0}ul.app-list li:nth-child(5n){margin-right:14px}ul.app-list li:nth-child(6n){margin-right:0}ul.app-list li div.frameBody{height:104px;margin-bottom:0}ul.app-list li div.frameBody img{width:96px}ul.app-list li h6{height:28px;line-height:28px}}@media only screen and (max-width:768px){ul.app-list{width:636px}ul.app-list li{width:96px;height:104px;margin:0 12px 36px 0}ul.app-list li:nth-child(5n){margin-right:12px}ul.app-list li:nth-child(6n){margin-right:0}ul.app-list li div.frameBody{height:76px}ul.app-list li div.frameBody img{width:72px}}@media only screen and (max-width:640px){ul.app-list{width:420px}ul.app-list li{width:96px;height:104px;margin:0 12px 28px 0}ul.app-list li:nth-child(5n),ul.app-list li:nth-child(6n){margin-right:12px}ul.app-list li:nth-child(4n){margin-right:0}ul.app-list li div.frameBody{height:76px}ul.app-list li div.frameBody img{width:72px}}@media only screen and (max-width:400px){ul.app-list{width:284px}ul.app-list li{width:62px;height:80px;margin:0 12px 24px 0}ul.app-list li:nth-child(4n){margin-right:0}ul.app-list li div.frameBody{height:52px}ul.app-list li div.frameBody img{width:48px}ul.app-list li h6{font-size:15px}}