.menu-bg,.launch-bg{ -webkit-overflow-scrolling: touch; .mint-header{ background: #fff; color: #000; font-size: 16px; font-weight: bold; } .menuCon,.launchCon{ transform: translateZ(0px); -webkit-transform: translateZ(0px); .menuConBox,.launchConBox{ margin-top: 12px; margin-bottom: 12px; background: #fff; .menu-partHeader,.launch-partHeader{ flex: 1; width: 100%; height: 44px; line-height: 44px; font-size: 16px; padding-left: 15px; font-weight: 500; box-sizing: border-box; } .menu-flex,.launch-flex{ display: flex; flex-direction: row; flex-wrap: wrap; padding: 0px 2px 0px; a{ width: 25%; } .menu-flexSpan,.launch-flexSpan{ position: relative; display: inline-block; width: 100%; text-align: center; padding-bottom: 16px; .icon-wrap { position: relative; height: 50px; .fa-2x { font-size: 40px; } } .menu-img,.menu-font{ margin: 0 auto; width: 40px; height: 40px; border-radius: 50%; color: rgb(0, 0, 0); margin-bottom: 4px; } .description{ display: block; font-style: normal; font-size: 12px; line-height: 20px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 6px; padding: 0 4px; } .row-count { position: absolute; left: 50%; bottom: 50%; margin-bottom: 12px; margin-left: 5px; display: inline-block; padding: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; background: #fc4d5c; color: #fff; border-radius: 11px; -webkit-transform: scale(0.7); transform: scale(0.7); min-width: 18px; } } } } } }